แปลงรูปภาพเป็น Base64
แปลงภาพในเครื่องเป็น data URL แบบ Base64 เต็มรูปแบบ คัดลอกหรือดาวน์โหลดข้อความได้
เริ่มใช้งาน
เครื่องมือนี้ช่วยคุณทำอะไรได้บ้าง
แปลงภาพในเครื่องเป็น data URL แบบ Base64 เต็มรูปแบบ คัดลอกหรือดาวน์โหลดข้อความได้
ตัวอย่างการใช้งาน
icon.png
data:image/png;base64,iVBORw0KGgo…
ผลลัพธ์ถูกสร้างอย่างไร
Base64 แทนไบต์ไบนารีด้วยอักขระที่พิมพ์ได้ เป็นการเข้ารหัสแบบย้อนกลับได้ ไม่ใช่การบีบอัดหรือการเข้ารหัสลับ และโดยปกติจะทำให้เพย์โหลดใหญ่ขึ้นประมาณหนึ่งในสาม
เวิร์กโฟลว์ที่มีประโยชน์
- ฝังไอคอนขนาดเล็กใน CSS หรือ HTML
- สร้าง API แบบพกพาหรือฟิกซ์เจอร์สำหรับทดสอบ
- ตรวจสอบหรือถ่ายโอนไฟล์ไบนารีขนาดเล็กเป็นข้อความ
ข้อจำกัดที่สำคัญ
- สตริง Base64 ขนาดใหญ่เพิ่มการใช้ HTML, CSS และหน่วยความจำ
- การเข้ารหัสไม่ได้ซ่อนหรือรักษาความปลอดภัยรูปภาพ
- MIME type ของ data URL ต้องตรงกับรูปแบบไฟล์จริง
คำถามที่พบบ่อย
ทำไม Base64 ถึงใหญ่กว่าไฟล์รูปภาพ?
ทุกสามไบต์ไบนารีจะถูกแทนด้วยอักขระ Base64 สี่ตัว บวกกับคำนำหน้า data URL
ควรฝังรูปภาพทุกภาพในเว็บไซต์หรือไม่?
ไม่ ไฟล์ภายนอกมักแคชได้ดีกว่า ข้อมูลแบบอินไลน์มีประโยชน์ที่สุดสำหรับทรัพยากรขนาดเล็กที่พึ่งพาตนเองได้
แปลงรูปภาพเป็น Base64
ขีดจำกัดคือ 64 MiB หรือ 67,108,864 ไบต์ และ 24,000,000 พิกเซลหลังถอดรหัส ตรวจขนาดไฟล์ก่อนอ่านและตรวจมิติภาพก่อนสร้างสตริง Base64 เข้ารหัสไฟล์ต้นฉบับทั้งหมดโดยไม่แปลงผ่าน canvas จึงยังมีเมทาดาทาและไบต์ของภาพเคลื่อนไหว แต่ภาพตัวอย่างไม่ได้ยืนยันการเล่นแอนิเมชัน ข้อมูล N ไบต์มีส่วน Base64 ยาว 4×ceil(N/3) ตัวอักษรบวกคำนำหน้า ตัวอย่างที่มีจุดไข่ปลาเป็นข้อความย่อ การเข้ารหัสนี้ไม่ใช่การกรองอันตรายหรือเข้ารหัสลับ MIME จากเบราว์เซอร์ไม่รับรองรูปแบบจริง ภาพขนาดใหญ่ที่ฝังไว้เพิ่มขนาดเอกสารและหน่วยความจำและไม่สามารถแคชแยกได้
data:image/png;base64,... Base64 length = 4 × ceil(N / 3)
การประมวลผลเกิดขึ้นภายในเบราว์เซอร์ของคุณ