Puramente per curiosità, in quali browser funziona l'incorporazione di immagini Base64? Quello a cui mi riferisco è this.
Mi rendo conto che di solito non è una buona soluzione per la maggior parte delle cose, in quanto aumenta la dimensione della pagina un bel po' - sono solo curioso.
Alcuni esempi:
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...);
}
Aggiornamento: 2017-01-10
Gli URI di dati sono ora supportati da tutti i principali browser. Anche IE supporta l'incorporazione di immagini dalla versione 8.
http://caniuse.com/#feat=datauri
Gli URI di dati sono ora supportati dai seguenti browser web:
- basati su Gecko, come Firefox, SeaMonkey, XeroBank, Camino, Fennec e K-Meleon
- Konqueror, tramite il sistema di input/output degli schiavi KIO di KDE
- Opera (inclusi dispositivi come Nintendo DSi o Wii)
- WebKit-based, come Safari (anche su iOS), il browser di Android, Epiphany e Midori (WebKit è un derivato del motore KHTML di Konqueror, ma Mac OS X non condivide l'architettura KIO quindi le implementazioni sono diverse), così come Webkit/Chromium-based, come Chrome
- Trident
- Internet Explorer 8: Microsoft ha limitato il suo supporto a certi "contenuti non navigabili" per ragioni di sicurezza, comprese le preoccupazioni che JavaScript incorporato in un URI di dati possa non essere interpretabile dai filtri di script come quelli usati dai client di posta elettronica basati sul web. Gli URI di dati devono essere più piccoli di 32 KiB nella versione 8[3].
- I Data URI sono supportati solo per i seguenti elementi e/o attributi[4]:
- object (solo immagini)
- img
- input type=image
- link
- dichiarazioni CSS che accettano un URL, come background-image, background, list-style-type, list-style e simili.
- Internet Explorer 9: Internet Explorer 9 non ha la limitazione di 32KiB e permesso in elementi più ampi.
- TheWorld Browser: Un browser shell di IE che ha un supporto incorporato per lo schema Data URI
La maggior parte dei moderni browser desktop come Chrome, Mozilla e Internet Explorer supportano le immagini codificate come URL di dati. Ma ci sono problemi di visualizzazione dei dati URL in alcuni browser mobili: Android Stock Browser e Dolphin Browser non visualizzano i JPEG incorporati.
Ti consiglio di usare i seguenti strumenti per la codifica/decodifica base64 online:
Seleziona l'opzione "Format as Data URL" per formattare come URL di dati.