รูปภาพเป็น Base64

เกี่ยวกับเครื่องมือนี้

ตัวแปลงภาพเป็น Base64 เข้ารหัสไฟล์ภาพใดก็ได้เป็นสตริง Base64 หรือ Data URI สมบูรณ์ ช่วยให้ฝังรูปภาพโดยตรงใน HTML, CSS หรือ JSON โดยไม่ต้องโฮสต์ไฟล์แยก รองรับการลากวางหรือคลิกเลือก และแสดงขนาดไฟล์ต้นฉบับเทียบกับขนาดที่เข้ารหัส

การเข้ารหัสทั้งหมดทำในเบราว์เซอร์ผ่าน FileReader API รูปภาพของคุณไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ใดๆ สามารถสลับระหว่าง Data URI สมบูรณ์ (มีคำนำหน้า data:image/…;base64,) และ Base64 ล้วนๆ (ไม่มีคำนำหน้า)

วิธีใช้งาน

1. ลากวางรูปภาพลงในพื้นที่อัปโหลด หรือคลิกเพื่อเปิดตัวเลือกไฟล์
2. ผลลัพธ์ที่เข้ารหัสจะแสดงโดยอัตโนมัติหลังจากโหลดไฟล์
3. สลับระหว่าง Data URI และ Base64 Only โดยใช้ปุ่ม
4. คลิกคัดลอกเพื่อคัดลอกผลลัพธ์ไปยังคลิปบอร์ด

กรณีการใช้งาน

นักพัฒนา Frontend ฝังไอคอนขนาดเล็กโดยตรงใน CSS หรือ HTML เพื่อลดคำขอ HTTP นักการตลาดอีเมลแทรกรูปภาพในเทมเพลต HTML เพราะไคลเอนต์อีเมลหลายตัวบล็อกรูปภาพภายนอก นักพัฒนาแอปมือถือเข้ารหัสรูปภาพสำหรับ JSON API นักพัฒนาเก็บรูปภาพเป็นสตริง Base64 ในไฟล์การกำหนดค่าหรือฐานข้อมูล

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

• การเข้ารหัส Base64 เพิ่มขนาดไฟล์หรือไม่? — ใช่ การเข้ารหัส Base64 เพิ่มขนาดไฟล์ประมาณ 33% เมื่อเทียบกับไบนารีต้นฉบับ
• รองรับรูปแบบภาพใดบ้าง? — รูปแบบใดก็ได้ที่เบราว์เซอร์แสดงได้: JPG, PNG, WebP, GIF, SVG, BMP และอื่นๆ
• ควรเข้ารหัส Base64 รูปภาพขนาดใหญ่หรือไม่? — สำหรับไฟล์ที่ใหญ่กว่า ~10 KB มักดีกว่าที่จะโฮสต์รูปภาพเป็นไฟล์ สตริง Base64 ขนาดใหญ่ทำให้ HTML/CSS อ้วนและลดประสิทธิภาพการโหลดหน้า