ข้ามไปยังเนื้อหา
patrache.tools

รูปภาพ ↔ Base64

แปลงรูปภาพเป็นสตริง Base64 หรือในทางกลับกัน

ลากวางรูปภาพหรือคลิกเพื่อเลือก

lockไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
แชร์
ฝัง

ฝังเครื่องมือนี้ในเว็บไซต์ของคุณ

เครื่องมือแปลง Image Base64 เป็นเครื่องมือออนไลน์ฟรีที่เข้ารหัสรูปภาพเป็นสตริง Base64 หรือถอดรหัส Base64 กลับเป็นรูปภาพ การแปลงทั้งหมดเกิดขึ้นในเบราว์เซอร์

วิธีใช้งานรูปภาพ ↔ Base64?

  1. เลือกโหมด รูปภาพ → Base64 หรือ Base64 → รูปภาพ
  2. อัปโหลดรูปภาพหรือวาง Base64 string
  3. คัดลอกหรือดาวน์โหลดผลลัพธ์

คำถามที่พบบ่อยเกี่ยวกับรูปภาพ ↔ 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

โปรดอนุญาตโฆษณาบนเว็บไซต์นี้

หากต้องการใช้เครื่องมือเหล่านี้ โปรดอนุญาตโฆษณาบนเว็บไซต์นี้ รายได้จากโฆษณาช่วยให้บริการนี้ยังคงใช้งานได้ฟรี

เปิดตัวบล็อกโฆษณา ปิดการบล็อกสำหรับเว็บไซต์นี้ แล้วตรวจสอบอีกครั้ง