ฝังไฟล์ขนาดเล็กไว้ในโค้ด
การฝังไอคอนและรูปขนาดเล็กเป็น data URI ช่วยประหยัดคำขอ HTTP และทำให้ไฟล์ HTML หรือ CSS ไฟล์เดียวใช้งานได้ครบในตัวเอง
เข้ารหัสรูปภาพใดก็ได้เป็นสตริง Base64 หรือ data URI พร้อมวางลงใน HTML, CSS, JSON หรือเทมเพลตอีเมล คัดลอกโค้ดที่ต้องการได้ด้วยคลิกเดียว
รูปภาพของคุณถูกประมวลผลบนอุปกรณ์ของคุณและจะไม่ถูกอัปโหลด
กำลังโหลดเอนจิน…
เพิ่มรูปภาพ
เลือกรูปแบบผลลัพธ์: data URI, Base64 ดิบ, แท็ก img ของ HTML หรือพื้นหลัง CSS
คัดลอกผลลัพธ์ไปยังคลิปบอร์ด หรือดาวน์โหลดเป็นไฟล์ข้อความ
การฝังไอคอนและรูปขนาดเล็กเป็น data URI ช่วยประหยัดคำขอ HTTP และทำให้ไฟล์ HTML หรือ CSS ไฟล์เดียวใช้งานได้ครบในตัวเอง
Base64 ใหญ่กว่าไฟล์ต้นฉบับประมาณหนึ่งในสาม เหมาะกับรูปภาพที่มีขนาดไม่กี่กิโลไบต์ ส่วนรูปที่ใหญ่กว่านั้นควรบีบอัดก่อน
data URI คือสตริง Base64 ที่มีชนิด MIME นำหน้า เช่น data:image/png;base64,… ซึ่งเบราว์เซอร์ใช้แทน URL ได้ทุกที่
สตริงที่ยาวมากอาจทำให้โปรแกรมแก้ไขโค้ดของคุณช้าลง เครื่องมือจะแจ้งเตือนเมื่อผลลัพธ์เกินหนึ่งเมกะไบต์
ไม่ การเข้ารหัสเกิดขึ้นในเบราว์เซอร์ของคุณ