Čisto zo zvedavosti, v ktorých prehliadačoch funguje vkladanie obrázkov Base64? Mám na mysli this.
Uvedomujem si, že'to zvyčajne nie je dobré riešenie pre väčšinu vecí, pretože to dosť zväčšuje veľkosť stránky - som len'zvedavý.
Niekoľko príkladov:
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...);
}
Aktualizácia: 2017-01-10
Dátové URI sú teraz podporované všetkými hlavnými prehliadačmi. Od verzie 8 podporuje vkladanie obrázkov aj IE.
http://caniuse.com/#feat=datauri
Dátové URI teraz podporujú nasledujúce webové prehliadače:
- na báze Gecko, ako napríklad Firefox, SeaMonkey, XeroBank, Camino, Fennec a K-Meleon
- Konqueror, prostredníctvom systému KDE's KIO slaves input/output
- Opera (vrátane zariadení ako Nintendo DSi alebo Wii)
- na báze WebKitu, ako napríklad Safari (aj na iOS), prehliadač pre Android, Epiphany a Midori (WebKit je derivátom enginu KHTML Konqueroru, ale Mac OS X nemá spoločnú architektúru KIO, takže implementácie sú odlišné), ako aj na báze Webkitu/Chromium, ako napríklad Chrome
- Trident
- Internet Explorer 8: Microsoft obmedzil jeho podporu na určitý "nenavigovateľný" obsah z bezpečnostných dôvodov vrátane obáv, že JavaScript vložený do dátového URI nemusí byť interpretovateľný skriptovými filtrami, ako sú napríklad tie, ktoré používajú weboví e-mailoví klienti. Dátové URI musia byť vo verzii 8[3] menšie ako 32 KiB.
- Dátové URI sú podporované len pre nasledujúce prvky a/alebo atribúty[4]:
- objekt (iba obrázky)
- img
- input type=image
- link
- deklarácie CSS, ktoré akceptujú adresu URL, napríklad background-image, background, list-style-type, list-style a podobne.
- Internet Explorer 9: Internet Explorer 9 nemá obmedzenie 32KiB a povolené v širších prvkoch.
- Prehliadač TheWorld: Prehliadač IE shell, ktorý má zabudovanú podporu pre schému Data URI
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support
Väčšina moderných počítačových prehliadačov, ako sú Chrome, Mozilla a Internet Explorer, podporuje obrázky zakódované ako dátové adresy URL. V niektorých mobilných prehliadačoch však dochádza k problémom so zobrazovaním dátových adries URL: Prehliadač Android Stock Browser a prehliadač Dolphin nezobrazujú vložené súbory JPEG.
Odporúčam vám použiť nasledujúce nástroje na online kódovanie/dekódovanie base64:
Začiarknite možnosť "Format as Data URL" (Formátovať ako dátovú adresu URL), ak chcete formátovať ako dátovú adresu URL.