วิธีใช้งาน
- เลือกรูปภาพ ลากมาวางที่นี่ หรือวางด้วย Ctrl+V
- เลือกรูปแบบเอาต์พุต — Data URI, Base64 เท่านั้น, CSS background, HTML <img> หรือ Markdown
- คัดลอกผลลัพธ์
- หากต้องการแปลงกลับ ให้วาง Data URI หรือสตริง Base64 ในส่วน Base64 เป็นรูปภาพ
คำอธิบายตัวเลือก
- Data URI
- สตริง data:image/png;base64,… แบบเต็ม ซึ่งใช้ได้ทุกที่ที่รับ URL
- Base64 เท่านั้น
- เฉพาะข้อมูลที่เข้ารหัส โดยไม่มีคำนำหน้า data:…; สำหรับ API และฟิลด์ JSON ที่ต้องการ Base64 ดิบ
ตัวอย่าง
| เอาต์พุต | ผลลัพธ์ |
|---|---|
| Data URI | data:image/png;base64,iVBORw0KGgo… |
| CSS | background-image: url("data:image/png;base64,…"); |
| HTML | <img src="data:image/png;base64,…" alt=""> |
คำถามที่พบบ่อย
Base64 ทำให้รูปภาพมีขนาดใหญ่ขึ้นเท่าไร
ประมาณหนึ่งในสาม Base64 ใช้อักขระ 4 ตัวต่อข้อมูล 3 ไบต์ ดังนั้นรูปภาพขนาด 30 KB จะกลายเป็นข้อความประมาณ 40 KB
ควรฝังรูปภาพเป็น Base64 เมื่อใด
สำหรับไอคอนขนาดเล็กและรูปภาพที่มีขนาดไม่กี่ KB การฝังช่วยลดคำขอเครือข่าย รูปภาพที่ใหญ่กว่าควรใช้เป็นไฟล์แยก เพราะแคชได้และไม่ทำให้ HTML หรือ CSS มีขนาดใหญ่ขึ้น
รองรับรูปแบบใดบ้าง
รูปภาพทุกชนิดที่เบราว์เซอร์ของคุณอ่านได้ รวมถึง PNG, JPEG, GIF, WebP, SVG, AVIF และ ICO การถอดรหัสจะตรวจหารูปแบบจากข้อมูลเองเมื่อไม่มี MIME type
รูปภาพของฉันถูกอัปโหลดหรือไม่
ไม่ การเข้ารหัสและถอดรหัสทำงานในเบราว์เซอร์ของคุณ
ความเป็นส่วนตัว
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์และข้อความของคุณได้รับการประมวลผลบนอุปกรณ์ของคุณ และจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเรา