Base64'e Görsel

Satır içine almanın işe yaradığı durumlar

Bir veri URL'si bir isteği kaydeder, ancak kendi başına önbelleğe alınamaz: URL'yi içeren HTML veya CSS'nin her kopyasıyla yeniden indirilir ve dosyadan yaklaşık üçte bir daha büyüktür. Bu ödün, stil sayfasındaki bir simge veya bulanık bir yer tutucu gibi birkaç kilobaytlık küçük görseller için işe yarar. Sayfalar arasında yeniden kullanılan fotoğraf ve görseller, normal dosyalar olarak daha hızlı yüklenir. SVG için işaretlemeyi Base64 yerine URL kodlamak genellikle daha kısa bir veri URL'si oluşturur.

Veri URL'lerinin çalışmadığı yerler

Gmail ve diğer birçok e-posta istemcisi veri URL'si olarak gömülen görselleri göstermez; bu nedenle bültenlerde bunun yerine barındırılan bir görsele bağlantı verin. Base64 görsellerini kabul eden birçok API yalnızca yükü ister: base64 sonrasındaki virgül dahil olmak üzere virgüle kadar olan her şeyi silin. İçerik Güvenliği Politikası kullanan bir sayfanın, satır içi görseller yüklenmeden önce img-src yönergesinde data: belirtmesi gerekir.

Nasıl kullanılır?

1. Bir görsel seçin.
2. Yerel olarak kodlayın.
3. Oluşan veri URL'sini kopyalayın.

Gizlilik ve sınırlamalar

Dosya cihazınızda kalır. Base64 bir şifreleme yöntemi değil, kodlamadır ve boyutu yaklaşık üçte bir oranında artırır.