เกี่ยวกับเครื่องมือนี้
วางมาร์กอัป SVG ดิบแล้วได้ data URI ที่คุณวางลงใน CSS หรือ HTML ได้ทันที มันสร้างการเข้ารหัสสองแบบ และทุกอย่างสร้างขึ้นในเบราว์เซอร์ของคุณ ดังนั้นจึงไม่มีการอัปโหลด
ผลลัพธ์แบบ URL-encoded เปลี่ยนอัญประกาศคู่เป็นอัญประกาศเดี่ยว รัน encodeURIComponent จากนั้นคืนอักขระที่ปลอดภัยบางตัว (ช่องว่าง โคลอน สแลช เท่ากับ) เพื่อให้กระชับและอ่านง่าย ผลลัพธ์ base64 เข้ารหัส SVG แบบ UTF-8 และรันผ่าน btoa ให้ data:image/svg+xml;base64,… การเปรียบเทียบไบต์แสดงว่าการเข้ารหัสใดเล็กกว่า สำหรับไอคอนส่วนใหญ่แบบ URL-encoded ชนะ
เปิด minify เพื่อลบคอมเมนต์และยุบช่องว่างระหว่างแท็กก่อนเข้ารหัส คัดลอกบรรทัด background-image สำหรับ CSS หรือบรรทัด <img src> สำหรับ HTML โปรดทราบว่าอัญประกาศภายใน SVG ถูกปรับให้เป็นอัญประกาศเดี่ยว เพื่อให้ห่อ data URI ด้วยอัญประกาศคู่ได้อย่างปลอดภัย