حول هذه الأداة
الصق شفرة SVG خام واحصل على data URI يمكنك وضعه مباشرةً في CSS أو HTML. تُنتج الأداة ترميزين، ويُولَّد كل شيء في متصفحك، فلا يُرفع أي شيء.
يستبدل الناتج المُرمَّز بالـ URL علامات الاقتباس المزدوجة بمفردة، ويشغّل encodeURIComponent، ثم يستعيد بعض المحارف الآمنة (المسافة والنقطتين والشرطة المائلة وعلامة يساوي) لإبقائه مضغوطًا ومقروءًا. أما ناتج base64 فيُرمِّز الـ SVG بترميز UTF-8 ويمرّره عبر btoa، معطيًا data:image/svg+xml;base64,… . وتُظهر مقارنة بالبايت أي الترميزين أصغر؛ ولمعظم الأيقونات تفوز الصيغة المُرمَّزة بالـ URL.
فعّل التصغير لإزالة التعليقات وطيّ المسافات البيضاء بين الوسوم قبل الترميز. انسخ سطر background-image لـ CSS أو سطر <img src> لـ HTML. لاحظ أن علامات الاقتباس داخل الـ SVG تُطبَّع إلى مفردة كي يمكن تغليف الـ data URI بعلامات اقتباس مزدوجة بأمان.