Görselden Base64'e

Bu görselden Base64'e dönüştürücü, bir resmi veri URI'sine, yani görseli doğrudan gömen uzun bir metin dizesine çevirir ve kullanıma hazır bir CSS arka plan parçası da verir. Ayrı bir dosyaya bağlanmak yerine görseli satır içine alabilirsin.

Tarayıcında yerel olarak çalışır, bu yüzden görselin cihazında okunur ve hiçbir zaman yüklenmez.

Bir veri URI'si görselin tamamını işaretlemenin içinde taşır, bu yüzden tarayıcı onu getirmek için ayrı bir ağ isteği yapmaz. Simgeler gibi küçük varlıklarda, kazanılan bu gidiş dönüş bir sayfanın daha hızlı hissettirmesini sağlayabilir.

Püf noktası boyut ve önbellektir. Base64, ikili veriyi sınırlı bir metin alfabesiyle temsil ettiği için yaklaşık yüzde 33 ek yük getirir ve satır içine alınmış bir görsel ayrı olarak önbelleğe alınamaz, bu yüzden onu içeren her sayfayla birlikte yeniden indirilir.

Genel kural, isteği önlemenin ek yüke değdiği küçük görselleri, simgeleri, minik logoları veya bir simge şeridini satır içine almak; daha büyük görselleri ise tarayıcının önbelleğe alıp paralel yükleyebileceği normal dosyalar olarak bırakmaktır.

Veri URI'leri bir adresin kabul edildiği her yerde çalışır: bir img src özniteliğinde, bir CSS arka planında ya da JSON veya e-posta şablonundaki bir alanda. Bu da onları kendi kendine yeten parçalar için kullanışlı kılar.