Base64
Image Data URL
⚠️ Large image may freez the browser
แปลงภาพเป็นฐาน64 ออนไลน์
ใช้เครื่องมือออนไลน์ของเราเพื่อแปลงรูปภาพเป็นรูปแบบ Base64 หรือ DataURL เติมรูปภาพของคุณ เลือกแท็บที่เหมาะสม และรับข้อมูลที่เข้ารหัสเพื่อใช้งาน ข้อมูลที่เข้ารหัสสามารถแทรกอยู่ใน HTML หรือ JavaScript ซึ่งมีประโยชน์สำหรับการรวมรูปภาพลงในโค้ดโดยตรง อย่างไรก็ตาม ไฟล์ที่มีขนาดใหญ่เกินไปอาจส่งผลกระทบต่อประสิทธิภาพ วิธีนี้เหมาะสำหรับสถานการณ์ที่จำเป็นต้องรวมรูปภาพลงในโค้ดโดยตรงโดยไม่ต้องพึ่งพาไฟล์ภายนอก
Image → Base64 / Data URL
Click or Drag & Drop an Image
แปลงรูปภาพเป็น Base64 ออนไลน์
1
อัปโหลดรูปภาพของคุณ
อัปโหลดรูปภาพของคุณโดยคลิกหรือลากไฟล์นั้นไปยังพื้นที่ที่กำหนด
2
เลือกแท็บ
เลือกแท็บ 'Base64' หรือ 'DataURL' ตามรูปแบบที่ต้องการ
3
ดูข้อมูล Base64
การแสดงผลตัวแทน Base64 หรือ DataURL ของรูปภาพจะปรากฏอยู่ในพื้นที่ข้อความด้านล่างแถบแท็บ
4
คัดลอกข้อมูลเข้ารหัส
คลิกปุ่ม 'คัดลอก' เพื่อคัดลอกข้อมูลที่เข้ารหัสไปยังคลิปบอร์ดของคุณ
ใส่ภาพโดยตรงในโค้ดของคุณ
การฝังรูปภาพโดยตรงในโค้ด HTML หรือ JavaScript โดยไม่มีไฟล์ภายนอกเป็นไปได้โดยใช้ตัวแปลงรูปภาพเป็น base64 เครื่องมือนี้จะแปลงรูปภาพเป็น data URLs ซึ่งสามารถรวมเข้ากับโค้ดเพื่อหลีกเลี่ยงการพึ่งพาไฟล์แยก สามารถลดข้อกำหนดทรัพยากรภายนอก ทำให้การเผยแพร่เป็นเรื่องง่าย แม้ว่ารูปภาพขนาดใหญ่จะส่งผลกระทบต่อประสิทธิภาพ วิธีการนี้มีประโยชน์สำหรับเว็บไซต์แบบคงที่หรือโครงการที่ให้ความสำคัญกับการลดการพึ่งพาไฟล์
ปรับปรุงการพัฒนาเว็บไซต์ด้วย Data URLs
ฝังรูปภาพโดยตรงในโค้ด HTML หรือ JavaScript เพื่อลดขนาดไฟล์และทำให้การพัฒนาเว็บไซต์เป็นไปอย่างราบรื่น เครื่องมือนี้แปลงรูปภาพเป็นรูปแบบ Base64 หรือ DataURL ซึ่งช่วยให้สามารถรวมเข้ากับโค้ดของคุณได้โดยตรง วิธีการนี้ช่วยลดการพึ่งพาไฟล์รูปภาพภายนอกและสนับสนุนประสิทธิภาพเว็บไซต์ที่ดีขึ้น
คำถามที่พบบ่อย
Base64 หรือ DataURL คืออะไร
Base64 และ DataURLs เป็นวิธีการแทนภาพเป็นสตริงข้อความ สิ่งนี้ช่วยให้คุณสามารถฝังภาพภายในโค้ด HTML หรือ JavaScript โดยตรง โดยไม่ต้องใช้ไฟล์ภาพแยกต่างหาก
ฉันจะใช้รหัส Base64/DataURL ที่ฉันสร้างได้อย่างไร
คุณสามารถใช้โค้ดที่สร้างขึ้นใน HTML โดยใช้แอตทริบิวต์ src ของแท็ก <img> หรือภายใน CSS เป็นภาพพื้นหลัง ใน JavaScript คุณสามารถใช้เพื่อสร้างหรือแก้ไขรูปภาพแบบไดนามิก
ทำไมฉันถึงอยากแปลงรูปภาพเป็น Base64/DataURL
รูปแบบนี้เป็นประโยชน์สำหรับการฝังรูปภาพขนาดเล็กลงในหน้าเว็บโดยตรง ทำให้การนำไปใช้งานง่ายขึ้น หรือเมื่อคุณต้องการหลีกเลี่ยงการพึ่งพาไฟล์รูปภาพภายนอก
มีข้อจำกัดในการใช้เครื่องมือนี้ไหม
ขนาดภาพที่ใหญ่เกินไปอาจทำให้คอมพิวเตอร์ช้าลงเมื่อทำการแปลงขนาด หากใช้เครื่องมือนี้ ควรใช้กับภาพขนาดเล็กหรือขนาดกลาง
เครื่องมือนี้ใช้งานฟรีไหม
ใช่ รูปภาพนี้สามารถแปลงเป็น Base64 ออนไลน์ได้ฟรี