Av ren nysgjerrighet, hvilke nettlesere fungerer Base64-bildeinnbygging i? Det jeg refererer til er this.
Jeg er klar over at det vanligvis ikke er en god løsning for det meste, da det øker sidestørrelsen ganske mye - jeg er bare nysgjerrig.
**Noen eksempler
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...);
}
**Oppdatering: 2017-01-10
Data-URI-er støttes nå av alle de store nettleserne. IE støtter også innbygging av bilder siden versjon 8.
http://caniuse.com/#feat=datauri
Data URI-er støttes nå av følgende nettlesere:
Gecko-baserte, som Firefox, SeaMonkey, XeroBank, Camino, Fennec og K-Meleon. Konqueror, via KDE's KIO slaves input/output-system (KIO slaver) Opera (inkludert enheter som Nintendo DSi og Wii) WebKit-baserte, som Safari (inkludert på iOS), Androids nettleser, Epiphany og Midori (WebKit er et derivat av Konqueror's KHTML-motor, men Mac OS X deler ikke KIO-arkitekturen, så implementeringene er forskjellige), samt Webkit/Chromium-baserte, som Chrome Trident Internet Explorer 8: Microsoft har begrenset støtten til visse typer innhold som ikke er navigerbart av sikkerhetsgrunner, blant annet av hensyn til at JavaScript som er innebygd i en data-URI, kanskje ikke kan tolkes av skriptfiltre som brukes av nettbaserte e-postklienter. Data-URI-er må være mindre enn 32 kB i versjon 8[3]. Data-URI-er støttes bare for følgende elementer og/eller attributter[4]:
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support
De fleste moderne nettlesere som Chrome, Mozilla og Internet Explorer støtter bilder som er kodet som data-URL. Men noen mobilnettlesere har problemer med å vise data-URL-er: Android Stock Browser og Dolphin Browser viser ikke innbygde JPEG-filer.
Jeg anbefaler deg å bruke følgende verktøy for online base64-koding/avkoding:
Merk av for alternativet "Format as Data URL" for å formatere som en Data URL.