Tamamen meraktan, tarayıcılar Base64 ile resim çalışması gömme nedir? Neye dayandığımı this.

Sayfa boyutu biraz merakımdan soruyorum arttıkça genelde çoğu şey için iyi bir çözüm değil, farkındayım.

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...);
}

Veri URI şu anda aşağıdaki web tarayıcıları tarafından desteklenmektedir:

• Gecko tabanlı, Firefox, Imagemagick, XeroBank, Camino, Fennec ve K-Meleon gibi
• Konqueror ile KDE KİO giriş/çıkış sistem köleleri
• Opera (DSi veya Nintendo Wii gibi cihazlar dahil)
• Y-tabanlı, gibi Safari (iOS), Android tarayıcı, Epiphany ve Midori (Y) bir türev Konqueror var KHTML motor, ama Mac OS X değil paylaşım KİO mimarisi çok uygulamaları farklı olarak Y/Krom bazlı, gibi Krom
• Trident
  • Internet Explorer 8: Microsoft sınırlı desteğini belli olmayan "gezilebilir" içerik için güvenlik nedeniyle, dahil olmak üzere ilgili JavaScript gömülü bir veri URI olmayabilir yorumlanabilir tarafından komut filtreler gibi olanlar tarafından kullanılan web tabanlı e-posta istemcileri. Veri URI Sürüm 8 32 KiB[3] daha küçük olmalıdır.
  • Aşağıdaki element ve/veya öznitelikleri yalnızca desteklenen URI veri[4]:
    • nesne (yalnızca fotoğraflarda)
    • ımg
    • =giriş tipi görüntü
    • link
  • Bir URL kabul CSS bildirimleri, arka plan resmi gibi, arka plan,-style-type list, list-style ve benzeri.
  • Internet Explorer 9 Internet Explorer 9 32KiB sınırlama var ve daha geniş öğeleri izin vermez.
  • Dünya Tarayıcı: var YANİ kabuk Bir tarayıcı dahili Veri URI şeması için destek

http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support