Tamamen meraktan soruyorum, Base64 resim gömme hangi tarayıcılarda çalışıyor? Bahsettiğim şey this.
Sayfa boyutunu biraz artırdığı için çoğu şey için genellikle iyi bir çözüm olmadığının farkındayım - sadece merak ediyorum.
Bazı örnekler:
HTML:
<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />
CSS:
div.image {
width:100px;
height:100px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}
Güncelleme: 2017-01-10
Veri URI'leri artık tüm büyük tarayıcılar tarafından desteklenmektedir. IE, 8. sürümden bu yana görüntü yerleştirmeyi de desteklemektedir.
http://caniuse.com/#feat=datauri
Veri URI'leri artık aşağıdaki web tarayıcıları tarafından desteklenmektedir:
- Firefox, SeaMonkey, XeroBank, Camino, Fennec ve K-Meleon gibi Gecko tabanlı
- Konqueror, KDE'nin KIO köleleri giriş/çıkış sistemi aracılığıyla
- Opera (Nintendo DSi veya Wii gibi cihazlar dahil) Safari (iOS dahil), Android'in tarayıcısı, Epiphany ve Midori gibi WebKit tabanlı (WebKit, Konqueror'un KHTML motorunun bir türevidir, ancak Mac OS X KIO mimarisini paylaşmaz, bu nedenle uygulamalar farklıdır) ve Chrome gibi Webkit/Chromium tabanlı
- Trident
- Internet Explorer 8: Microsoft, bir veri URI'sine gömülü JavaScript'in web tabanlı e-posta istemcileri tarafından kullanılanlar gibi komut dosyası filtreleri tarafından yorumlanamayabileceği endişeleri de dahil olmak üzere güvenlik nedenleriyle desteğini belirli "non-navigable" içerikle sınırlandırmıştır. Veri URI'ları Sürüm 8'de 32 KiB'den küçük olmalıdır[3].
- Veri URI'leri yalnızca aşağıdaki öğeler ve/veya nitelikler için desteklenir[4]:
- nesne (yalnızca resimler)
- img
- input type=image
- link
- background-image, background, list-style-type, list-style ve benzerleri gibi URL kabul eden CSS bildirimleri.
- Internet Explorer 9: Internet Explorer 9'da 32KiB sınırlaması yoktur ve daha geniş öğelere izin verilir.
- TheWorld Browser: Veri URI şeması için yerleşik bir desteğe sahip bir IE kabuk tarayıcısı
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support
Chrome, Mozilla ve Internet Explorer gibi modern masaüstü tarayıcıların çoğu veri URL'si olarak kodlanmış görüntüleri destekler. Ancak bazı mobil tarayıcılarda veri URL'lerinin görüntülenmesinde sorunlar vardır: Android Stock Browser ve Dolphin Browser gömülü JPEG'leri görüntüleyemez.
Çevrimiçi base64 kodlama/çözme için aşağıdaki araçları kullanmanızı tavsiye ederim:
Veri URL'si olarak biçimlendirmek için "Veri URL'si Olarak Biçimlendir" seçeneğini işaretleyin.