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

แปลงรูปภาพเป็น Base64 — Data URI, CSS, HTML

เข้ารหัสรูปภาพเป็น Base64 data URI แล้วคัดลอกเป็น Base64 ดิบ พื้นหลัง CSS แท็ก img ของ HTML หรือ Markdown ตรวจจับ PNG, JPG, GIF, WebP, SVG และอื่นๆ ได้

รูปภาพหนึ่งรูปขนาดไม่เกิน 15 MB · PNG, JPG, GIF, WebP, AVIF, SVG, BMP หรือ ICO

วิธีใช้

  1. เลือกรูปภาพหรือลากมาวางในช่อง
  2. เลือกรูปแบบผลลัพธ์: data URI, เฉพาะ Base64, CSS, HTML หรือ Markdown
  3. คัดลอกข้อความหรือดาวน์โหลดเป็นไฟล์ .txt

ตัวอย่าง

logo.png (1.2 KB) → data:image/png;base64,iVBORw0KGgo… (ข้อความประมาณ 1.6 KB)

รายละเอียดและข้อจำกัด

ข้อความ Base64 ใหญ่กว่าไฟล์ประมาณ 33% เหมาะกับการฝังไอคอนและโลโก้ขนาดเล็ก ส่วนภาพใหญ่ควรใช้ลิงก์เพื่อให้หน้าโหลดเร็ว

ตรวจจับประเภทรูปภาพจากเนื้อหาไฟล์ ไม่ใช่ชื่อ: PNG, JPG, GIF, WebP, AVIF, SVG, BMP และ ICO การเข้ารหัสเกิดขึ้นในเบราว์เซอร์ของคุณ

FAQ

ควรใช้ data URI แบบ Base64 เมื่อไร?

สำหรับรูปเล็กมากใน CSS อีเมล HTML หรือหน้าเว็บไฟล์เดียว เมื่อการลดคำขอสำคัญกว่าขนาด Data URI จะไม่ถูกแคชแยกจากหน้าเว็บ

รูปภาพถูกอัปโหลดหรือไม่?

ไม่ ไฟล์จะถูกอ่านและเข้ารหัสบนอุปกรณ์ของคุณ

แหล่งอ้างอิงรูปแบบไฟล์

อัปเดตหน้าเครื่องมือเมื่อ: