Toolipedia Siteye ekle
TR
← Tüm metin araçları

SVG'den data URI'ye

SVG'yi CSS arka planları veya <img> etiketleri için data URI'ye çevirin.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık SVG'den data URI'ye

Ek bir dosya isteğinden kaçınmak için bir SVG'yi CSS background-image veya img src içinde kullanılacak bir veri URI'sine çevirin. URL kodlu SVG genellikle yaklaşık üçte bir artış getiren Base64'ten daha küçüktür. Küçük simgeler satır içi yerleştirmeye iyi uyar; büyük görseller ise önbelleğe alınabilen ayrı dosyalar olarak daha iyidir.

SVG'den data URI'ye nasıl kullanılır

  1. SVG kodunuzu yapıştırın.
  2. Kodlamayı ve CSS background veya img src gibi çıktı türünü seçin.
  3. Veri URI'sini stil sayfanıza veya HTML'inize kopyalayın.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

Base64 mü yoksa URL kodlu SVG mi daha küçüktür?

URL kodlu genellikle daha küçüktür, çünkü Base64 veriyi yaklaşık yüzde 33 şişirir. Base64 yine de bazı eski araçlarda daha güvenlidir.

Veri URI'm CSS'te neden çalışmıyor?

SVG içindeki tırnaklar URL etrafındaki tırnaklarla çakışabilir. Tırnaklamayı sizin için halleden CSS çıktı seçeneğini kullanın.

Veri URI'si olarak kullanılan bir SVG'nin rengini değiştirebilir miyim?

CSS color ile değil, çünkü görsel bir resim olarak ele alınır. Kodlamadan önce SVG'deki dolguyu değiştirin.

SVG'den data URI'ye ücretsiz mi?

Evet. Toolipedia'daki SVG'den data URI'ye ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

SVG'den data URI'ye aracını kendi web siteme koyabilir miyim?

Evet. Aracın altındaki "Sitenize ekleyin" düğmesini kullanarak kısa bir kod parçasını kopyalayın ve sayfanıza yapıştırın. Ücretsizdir, hesap gerektirmez ve araç sayfanızın içinde çalışmaya devam eder.

İlgili araçlar