แปลงรูปภาพเป็น Base64

เข้ารหัสรูปภาพใดก็ได้เป็นสตริง Base64 หรือ data URI พร้อมวางลงใน HTML, CSS, JSON หรือเทมเพลตอีเมล คัดลอกโค้ดที่ต้องการได้ด้วยคลิกเดียว

รูปภาพของคุณถูกประมวลผลบนอุปกรณ์ของคุณและจะไม่ถูกอัปโหลด

กำลังโหลดเอนจิน…

วิธีใช้เครื่องมือนี้

  1. 01

    เพิ่มรูปภาพ

  2. 02

    เลือกรูปแบบผลลัพธ์: data URI, Base64 ดิบ, แท็ก img ของ HTML หรือพื้นหลัง CSS

  3. 03

    คัดลอกผลลัพธ์ไปยังคลิปบอร์ด หรือดาวน์โหลดเป็นไฟล์ข้อความ

ฝังไฟล์ขนาดเล็กไว้ในโค้ด

การฝังไอคอนและรูปขนาดเล็กเป็น data URI ช่วยประหยัดคำขอ HTTP และทำให้ไฟล์ HTML หรือ CSS ไฟล์เดียวใช้งานได้ครบในตัวเอง

ระวังเรื่องขนาด

Base64 ใหญ่กว่าไฟล์ต้นฉบับประมาณหนึ่งในสาม เหมาะกับรูปภาพที่มีขนาดไม่กี่กิโลไบต์ ส่วนรูปที่ใหญ่กว่านั้นควรบีบอัดก่อน

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

data URI คืออะไร

data URI คือสตริง Base64 ที่มีชนิด MIME นำหน้า เช่น data:image/png;base64,… ซึ่งเบราว์เซอร์ใช้แทน URL ได้ทุกที่

มีขีดจำกัดขนาดไหม

สตริงที่ยาวมากอาจทำให้โปรแกรมแก้ไขโค้ดของคุณช้าลง เครื่องมือจะแจ้งเตือนเมื่อผลลัพธ์เกินหนึ่งเมกะไบต์

รูปภาพของฉันถูกอัปโหลดไหม

ไม่ การเข้ารหัสเกิดขึ้นในเบราว์เซอร์ของคุณ

เครื่องมือที่เกี่ยวข้อง