รูปภาพ

แปลงรูปเป็น Base64

แปลงรูปเป็น Data URI ใช้ใน HTML/CSS ทำงานในเบราว์เซอร์ทั้งหมด รูปของคุณไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์ ใช้ได้ทั้งมือถือและคอมพิวเตอร์

วิธีใช้

  1. เลือกไฟล์รูปจากเครื่อง
  2. ระบบจะแปลงเป็นสตริง Base64 ให้ทันที
  3. คัดลอกเป็น Data URI, แท็ก img หรือ CSS background ตามที่จะนำไปใช้

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

ควรใช้ Base64 กับรูปแบบไหน?

เหมาะกับไอคอนหรือรูปเล็กๆ ที่อยากลดจำนวน request ไม่เหมาะกับรูปใหญ่ เพราะ Base64 ทำให้ข้อมูลใหญ่ขึ้นราว 33% และแคชแยกไม่ได้

ใช้ในอีเมล HTML ได้ไหม?

ได้บางที่ แต่โปรแกรมอีเมลหลายตัว เช่น Outlook บล็อกรูปแบบ Data URI แนะนำให้โฮสต์ไฟล์รูปไว้บนเซิร์ฟเวอร์แทน

เจอปัญหา? แจ้งเครื่องมือนี้