Image to Base64

แปลงรูปภาพและ Base64 ไปมา
Drop an image here or click to browse

สองทิศทาง

รูปภาพเป็น Base64 และ Base64 เป็นรูปภาพ

ตัวอย่างแบบสด

ดูรูปภาพขณะวาง Base64

ดาวน์โหลด

ดาวน์โหลดรูปภาพที่ถอดรหัสโดยตรง

Client-side

การประมวลผลทั้งหมดในเบราว์เซอร์ ไม่มีการอัปโหลดข้อมูล

เกี่ยวกับ Image to Base64

เครื่องมือแปลงรูปภาพเป็น Base64 เข้ารหัสไฟล์รูปภาพใดๆ ให้เป็นสตริง Base64 data URL และยังสามารถถอดรหัสสตริง Base64 กลับเป็นรูปภาพที่ดูและดาวน์โหลดได้ การเข้ารหัส Base64 ถูกใช้กันอย่างแพร่หลายในการพัฒนาเว็บเพื่อฝังรูปภาพโดยตรงใน HTML, CSS หรือ JavaScript โดยไม่ต้องใช้ HTTP request แยกต่างหาก ซึ่งเป็นประโยชน์สำหรับไอคอนขนาดเล็ก โลโก้ หรือเทมเพลตอีเมลที่ไม่มีบริการโฮสต์รูปภาพภายนอก เครื่องมือนี้รองรับทั้งสองทิศทาง: อัปโหลดไฟล์รูปภาพเพื่อรับสตริง Base64 ทันที หรือวางสตริง Base64 เพื่อดูตัวอย่างและดาวน์โหลดรูปภาพที่ถอดรหัสแล้ว สตริงที่เข้ารหัสแล้วสามารถคัดลอกได้ด้วยการคลิกเพียงครั้งเดียว ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

วิธีใช้ Image to Base64

  1. เลือกแท็บ "รูปภาพ → Base64" เพื่อเข้ารหัสรูปภาพ หรือ "Base64 → รูปภาพ" เพื่อถอดรหัสสตริง Base64
  2. เพื่อเข้ารหัส: ลากไฟล์รูปภาพไปยังพื้นที่อัปโหลดหรือคลิกเพื่อเรียกดู Base64 data URL จะปรากฏขึ้นทันที
  3. คลิกปุ่ม "คัดลอก" เพื่อคัดลอกสตริง Base64 ทั้งหมด (รวมส่วนนำ data URI) ไปยังคลิปบอร์ด
  4. เพื่อถอดรหัส: วางสตริง Base64 (มีหรือไม่มีส่วนนำ data:image/...) ลงในพื้นที่ข้อความ
  5. ตัวอย่างแบบสดของรูปภาพที่ถอดรหัสแล้วจะปรากฏขึ้นเมื่อคุณพิมพ์หรือวาง
  6. คลิก "ดาวน์โหลดรูปภาพ" ด้านล่างตัวอย่างเพื่อบันทึกรูปภาพที่ถอดรหัสแล้วลงในอุปกรณ์ของคุณ

คำถามที่พบบ่อย

Base64 data URL คืออะไร?

Base64 data URL เข้ารหัสข้อมูลไบนารีเป็นข้อความ ASCII สำหรับรูปภาพจะมีรูปแบบเช่น data:image/png;base64,iVBOR... และสามารถใช้โดยตรงเป็นแอตทริบิวต์ src ของแท็ก <img>

ควรใช้รูปภาพ Base64 บนเว็บไซต์ของฉันหรือไม่?

เฉพาะรูปภาพขนาดเล็กมาก (ต่ำกว่า ~5 KB) เท่านั้น การเข้ารหัส Base64 เพิ่มขนาดไฟล์ ~33% และป้องกันการแคชของเบราว์เซอร์ จึงไม่แนะนำสำหรับรูปภาพขนาดใหญ่

เครื่องมือรองรับรูปแบบรูปภาพทั้งหมดหรือไม่?

ใช่ รูปภาพใดๆ ที่เบราว์เซอร์สามารถเรนเดอร์ได้ — JPEG, PNG, WebP, GIF, SVG, BMP — สามารถเข้ารหัสเป็น Base64 ได้

รูปภาพของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

ไม่ FileReader API ประมวลผลรูปภาพของคุณในเบราว์เซอร์ภายในเครื่อง ข้อมูลรูปภาพของคุณจะไม่มีทางออกจากอุปกรณ์ของคุณ

ทำไมสตริง Base64 ของฉันถึงยาวมาก?

การเข้ารหัส Base64 ขยายข้อมูลไบนารีประมาณ 33% รูปภาพ 100 KB จะสร้างสตริง Base64 ประมาณ 133 KB สำหรับรูปภาพขนาดใหญ่ ควรพิจารณาใช้ URL ที่โฮสต์แทน