Katıştırma Base64 Images

504

Temelde, hangi tarayıcıların Base64 görüntüsünün gömülü olduğu merakı tükeniyor? Ne demek istediğim this.Katıştırma Base64 Images

Çoğu şey için genellikle iyi bir çözüm olmadığının farkındayım, çünkü sayfa boyutunu biraz arttırıyor - 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...); 
}

kaynak

2009-07-30 S Pangborn

neden olmasın kurulum örnekleri ile bir sayfa, hepimiz geçmesi ve gerçek canlı testler yapmak ve –

iyi geliyor buraya bildirin edeceğiz, bunu yanı çalışacağım. –

64 bit sadece 6 karakter alır 2^6. Bir metin dizesi, kodlama türüne bağlı olarak en az 8 bit karaktere sahip olacaktır. En az% 25 verim kaybettiniz .... Hızlı testim yaklaşık% 30 kaybetti. –

327

Güncelleme: 2017-01-10

Veri URI'leri artık tüm önemli tarayıcılar tarafından destekleniyor. IE, sürüm 8'den beri görüntüleri gömme özelliğini de destekler.

http://caniuse.com/#feat=datauri

Veri URI'ları artık aşağıdaki web tarayıcıları tarafından desteklenmektedir:

Firefox, SeaMonkey, XeroBank, Camino, Fennec ve K-Meleon olarak, Gecko tabanlı

KDE'nin KIO köle giriş/çıkış sistemi üzerinden Konqueror

Opera (gibi aygıtlar dahil) Nintendo DSi veya Wii)

WebKit tabanlı, Safari (iOS'ta dahil olmak üzere), Android tarayıcısı, Epiphany ve Midori (WebKit, Konqueror'un KHTML motorunun bir türevidir, ancak Mac OS X, KIO mimarisini uygulamalarda paylaşmaz.) farklı, hem de Webkit/Chrome gibi Chromium tabanlı olan

Trident

Internet Explorer 8: Microsoft endişeleri de dahil olmak üzere, güvenlik nedeniyle bazı "sivil gezilebilir" içeriğe desteğini sınırlı olduğunu JavaScript Bir veri URI'sine gömülü, web tabanlı e-posta istemcileri tarafından kullanılanlar gibi komut dosyası filtreleriyle yorumlanamaz. Veri URI'leri Sürüm 8'de 32 KiB'den daha küçük olmalıdır [3].

nesne (yalnızca görüntü)

img

giriş türü = Görüntü

bağlantı

:
Veri URI, aşağıdaki elemanları ve/veya özelliklere [4] sadece desteklenir Arka plan resmi, arkaplan, liste stili türü, liste stili ve benzerleri gibi bir URL'yi kabul eden

CSS bildirimleri.

Internet Explorer 9: Internet Explorer 9'da 32KiB sınırlaması yoktur ve daha geniş öğelere izin verilir.

TheWorld Tarayıcı: Bir yerleşik destek Veri URI şeması için bir IE kabuk tarayıcı örneğin Chrome, Mozilla ve Internet Explorer gibi

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

kaynak

2009-07-30 15:32:32

Merhaba Philippe, IE8'de 32 KiB boyut sınırı için bir çözüm var mı? Base64 IE7 ve IE6'da destekleniyor mu? Hayır ise, herhangi bir geçici çözüm (herhangi bir boyut sınırı olmadan)? Evet ise, herhangi bir boyut sınırı? Varsa, herhangi bir geçici çözüm var mı? – SexyBeast

Buna bir bakın, belki de yardımcı olabilir: http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/ –

Standartlar bir şey söylüyor mu? İyi cevap güncellemesi için belirli bir not =). –

En modern masaüstü tarayıcılar veri URL'si olarak kodlanmış görüntüleri destekleyin. Ancak bazı mobil tarayıcılarda veri URL'lerinin görüntülenmesiyle ilgili sorunlar var: Android Stock Browser ve Dolphin Browser, gömülü JPEG'ler'u göstermeyecek.

seçeneği "Veri URL olarak Format" kontrol edin:

Ben online base64 kodlaması/kod çözme için aşağıdaki araçları kullanmayı tavsiye Veri URL’si olarak biçimlendirin.

kaynak

2013-10-03 06:18:50

I (http://caniuse.com/#feat=datauri) IE üzerinde birkaç sorunları ile önemli tarayıcılarda destek görüyor kullanabilir.

kaynak

2015-11-04 09:57:14 kehers

Katıştırma Base64 Images

cevap

İlgili konular