CSS Data URI Dönüştürücü

Bir stil dosyası yapıştırın, bir dosya seçin veya uzak bir CSS dosyasının URL'sini girin. Dönüştürücü her url(...) referansını bulur, boyut sınırınızdan küçük kaynakları indirir ve bunları Base64 data URI'lerle değiştirir.

CSS resimlerini gömmek ne zaman işe yarar

Her harici resim bir istek demektir. Küçük simgeleri Base64 data URI olarak gömmek bu isteği ortadan kaldırır ve titremeyi önler. Birkaç kilobaytın üzerinde %33'lük boyut artışı ve kaybedilen önbellekleme faydadan ağır basar; bu yüzden dönüştürücünün bir boyut sınırı vardır. Base64 ek yükünün çoğunu geri kazanmak için sonucu gzip veya Brotli ile sunun.

Sıkça sorulan sorular

Her CSS resmini gömmeli miyim?

Hayır. Yalnızca küçük simgeleri ve arka planları gömün. Büyük resimler CSS'i şişirir, görüntülemeyi engeller ve ayrı olarak önbelleğe alınamaz.

İlgili araçlar ve rehberler

Yorumlar (0)

“CSS Data URI Dönüştürücü” hakkında sorularınız, fikirleriniz veya bir hata mı var? Yorum bırakın, aracı puanlayın veya başkalarına yanıt verin.

Henüz yorum yok. Görüşlerinizi ilk paylaşan siz olun!

Yorum bırakın

Bu aracı puanlayın:
Esc
↑ ↓ gezin↵ açEsc kapat