ตัวแปลงภาพเป็น Base64
ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด
แปลงภาพใดๆ เป็น Base64 data URI ในเบราว์เซอร์ของคุณ พร้อมฝัง inline ใน HTML, CSS หรือ JSON Toova จัดการรูปแบบทั่วไปทุกตัว สร้าง data URIs ที่ถูกต้อง และไม่เคยอัปโหลดภาพของคุณ — เป็นประโยชน์สำหรับไอคอนขนาดเล็ก เทมเพลตอีเมล และเอกสารที่ครบในตัว
เมื่อใดที่ควรฝัง inline ภาพ
ภาพขนาดเล็ก (ไอคอนต่ำกว่าไม่กี่ KB) บ่อยครั้งเรนเดอร์เร็วกว่าเป็น inline data URIs มากกว่าเป็นคำขอ HTTP แยกต่างหาก เพราะข้ามการเดินทางไปกลับ เทมเพลตอีเมลบ่อยครั้งฝัง inline ภาพเพราะ mail clients หลายตัวบล็อกการโหลดภายนอกโดยค่าเริ่มต้น เอกสาร HTML ที่ครบในตัว (คู่มือออฟไลน์ รายงานที่ดาวน์โหลดได้) ต้องมีทุกอย่างในไฟล์เดียว Toova แปลงภาพใดๆ เป็น Base64 data URI ที่คุณสามารถวางตรงเข้า src, background-image หรือฟิลด์ JSON
ข้อพิจารณารูปแบบและขนาด
การเข้ารหัส Base64 เพิ่มประมาณ 33% ให้ขนาดไฟล์ ดังนั้นการฝัง inline เป็นชัยชนะเฉพาะสำหรับภาพขนาดเล็ก เกินประมาณ 5-10 KB คำขอ HTTP แยกต่างหากปกติเร็วกว่าเพย์โหลด inline ที่บวม Toova เปิดเผยขนาดต้นฉบับ ขนาดที่เข้ารหัส และเปอร์เซ็นต์ overhead เพื่อให้คุณตัดสินใจ รูปแบบทั่วไปทุกตัว (PNG, JPEG, SVG, WebP, GIF) รองรับ
เฉพาะในเครื่อง
ภาพถูกอ่านและเข้ารหัสในเบราว์เซอร์ของคุณทั้งหมด ไฟล์ไม่เคยถูกอัปโหลด และไม่มีการบันทึกเนื้อหา สิ่งนี้สำคัญเมื่อภาพเป็น mockup ที่ยังไม่เปิดตัว ภาพลูกค้า หรือ asset ที่เป็นกรรมสิทธิ์ใดๆ แท็บเครือข่ายจะว่างระหว่างการเข้ารหัส และหน้าทำงานออฟไลน์หลังจากโหลดครั้งแรก
คำถามที่พบบ่อย
- เมื่อใดที่ฉันควรฝัง inline ภาพ
- สำหรับภาพขนาดเล็กมาก (ต่ำกว่าไม่กี่ KB) ที่ปรากฏเหนือ fold การฝัง inline สามารถเร่งการเรนเดอร์โดยหลีกเลี่ยงคำขอ HTTP เพิ่มเติม สำหรับภาพใหญ่กว่า overhead การเข้ารหัส (ประมาณ 33%) มากกว่าคำขอที่ประหยัด
- รูปแบบใดที่รองรับ
- PNG, JPEG, SVG, WebP, AVIF และ GIF SVG ฝัง inline ได้ดีโดยเฉพาะเพราะยังคงเป็นข้อความ ดังนั้น overhead การเข้ารหัสน้อยที่สุด
- Data URI ปลอดภัยที่จะใช้ใน CSS หรือไม่
- ใช่ ห่อใน url() พร้อมเครื่องหมายคำพูดรอบ data URI เอง เอาต์พุตที่ Toova ผลิตเป็น URL-safe แล้วและทำงานโดยตรงใน background-image, mask-image และคุณสมบัติใดๆ ที่ยอมรับ URL
- ถอดรหัส data URI กลับเป็นภาพได้ไหม
- ใช่ วาง data URI และ Toova ถอดรหัสเป็นภาพต้นฉบับ พร้อมดาวน์โหลด เป็นประโยชน์สำหรับการสกัดภาพที่ฝัง inline จากไฟล์ HTML หรือ CSS
- ภาพของฉันถูกส่งไปที่ใดหรือไม่
- ไม่ การเข้ารหัสเกิดขึ้นในเบราว์เซอร์ของคุณทั้งหมด