Bu araç hakkında
Ham SVG işaretlemesini yapıştırın ve doğrudan CSS ya da HTML'ye bırakabileceğiniz bir data URI alın. İki kodlama üretir ve her şey tarayıcınızda oluşturulur; bu yüzden hiçbir şey yüklenmez.
URL kodlu çıktı çift tırnakları tek tırnakla değiştirir, encodeURIComponent çalıştırır, ardından kompakt ve okunabilir kalması için birkaç güvenli karakteri (boşluk, iki nokta, eğik çizgi, eşittir) geri yükler. Base64 çıktısı SVG'yi UTF-8 kodlar ve btoa'dan geçirerek data:image/svg+xml;base64,… verir. Bir bayt karşılaştırması hangi kodlamanın daha küçük olduğunu gösterir; çoğu ikon için URL kodlu form kazanır.
Kodlamadan önce yorumları kaldırmak ve etiketler arasındaki boşlukları daraltmak için küçültmeyi etkinleştirin. CSS için background-image satırını ya da HTML için <img src> satırını kopyalayın. SVG içindeki tırnakların, data URI'nin güvenli şekilde çift tırnakla sarılabilmesi için tek tırnağa normalize edildiğini unutmayın.