หน้าแรก รูปภาพ ↔ Base64
lock ไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
เครื่องมือแปลง Image Base64 เป็นเครื่องมือออนไลน์ฟรีที่เข้ารหัสรูปภาพเป็นสตริง Base64 หรือถอดรหัส Base64 กลับเป็นรูปภาพ การแปลงทั้งหมดเกิดขึ้นในเบราว์เซอร์
วิธีใช้งานรูปภาพ ↔ Base64? เลือกโหมด รูปภาพ → Base64 หรือ Base64 → รูปภาพ อัปโหลดรูปภาพหรือวาง Base64 string คัดลอกหรือดาวน์โหลดผลลัพธ์ คำถามที่พบบ่อยเกี่ยวกับรูปภาพ ↔ Base64 การเข้ารหัส Base64 ใช้ที่ไหนบ้าง? ใช้สำหรับไฟล์แนบอีเมล รูปพื้นหลัง CSS แบบอินไลน์ การส่งข้อมูล API และอื่น ๆ
เข้ารหัส Base64 แล้วไฟล์ใหญ่ขึ้นไหม? ใช่ ทุก 3 ไบต์จะกลายเป็น 4 อักขระ ขนาดจึงโตขึ้นราว 33% การแลกแบบนี้คุ้มกับไอคอนหรือรูปขนาด 1-2KB เพราะประหยัดหนึ่งคำขอ แต่การฝังรูปหลายร้อย KB จะทำให้ HTML บวมและเสียการแคชของเบราว์เซอร์ไปทั้งหมด
แปลงสตริง Base64 กลับเป็นไฟล์ภาพได้ไหม? ได้ สลับไปโหมดถอดรหัส วางสตริงลงไปแล้วดาวน์โหลดภาพที่กู้คืนได้เลย จะมีคำนำหน้า `data:image/png;base64,` ติดมาด้วยก็ไม่เป็นไร ถ้าไม่มีก็แค่เลือกรูปแบบไฟล์ปลายทาง
ใช้ Base64 ในลายเซ็นอีเมลหรือ CSS ดีไหม? ใน CSS วิธีนี้เหมาะกับไอคอนและลวดลายเล็ก ๆ เพราะตัดคำขอเพิ่มเติมออกไป แต่สำหรับลายเซ็นอีเมลไม่แนะนำ เพราะ Gmail และ Outlook มักบล็อกภาพแบบ data URI จึงควรอัปโหลดไฟล์ไว้บนเซิร์ฟเวอร์แล้วอ้างอิงด้วย URL
วิธีใช้รูปภาพ ↔ Base64ให้เกิดประโยชน์สูงสุด? การเข้ารหัส Base64 เพิ่มขนาดไฟล์ประมาณ 33% จึงเหมาะสำหรับไอคอนขนาดเล็กและโลโก้ การใช้ data URI ใน CSS ลดคำขอ HTTP และช่วยปรับปรุงความเร็วในการโหลดหน้า สำหรับรูปภาพขนาดใหญ่ การให้บริการเป็นไฟล์ปกติดีกว่า Base64 ในแง่ของแคชและประสิทธิภาพ
Powered by Patrache Studio Tools