Nur aus reiner Neugier, in welchen Browsern funktioniert das Einbetten von Base64-Bildern? Worauf ich mich beziehe, ist this.
Mir ist klar, dass es für die meisten Dinge keine gute Lösung ist, da es die Seitengröße ziemlich erhöht - ich bin nur neugierig.
Einige Beispiele:
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...);
}
Aktualisierung: 2017-01-10
Daten-URIs werden nun von allen gängigen Browsern unterstützt. Der IE unterstützt seit Version 8 auch das Einbetten von Bildern.
http://caniuse.com/#feat=datauri
Daten-URIs werden jetzt von den folgenden Webbrowsern unterstützt:
- Trident Internet Explorer 8: Microsoft hat seine Unterstützung aus Sicherheitsgründen auf bestimmte nicht navigierbare Inhalte beschränkt. Dazu gehören Bedenken, dass in einen Daten-URI eingebettetes JavaScript von Skriptfiltern, wie sie von webbasierten E-Mail-Clients verwendet werden, nicht interpretiert werden kann. Daten-URIs müssen in Version 8[3] kleiner als 32 KiB sein. Daten-URIs werden nur für die folgenden Elemente und/oder Attribute unterstützt[4]:
- img
- input type=image
- link
- CSS-Deklarationen, die eine URL akzeptieren, wie background-image, background, list-style-type, list-style und ähnliche.
- Internet Explorer 9: Internet Explorer 9 hat keine 32KiB Beschränkung und erlaubt breitere Elemente.
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support
Die meisten modernen Desktop-Browser wie Chrome, Mozilla und Internet Explorer unterstützen als Daten-URL kodierte Bilder. Allerdings gibt es Probleme bei der Anzeige von Daten-URLs in einigen mobilen Browsern: Android Stock Browser und Dolphin Browser können eingebettete JPEGs nicht anzeigen.
Ich empfehle Ihnen, die folgenden Tools für die Online base64 Kodierung/Dekodierung zu verwenden:
Aktivieren Sie die Option "Als Daten-URL formatieren", um als Daten-URL zu formatieren.
Kann ich verwenden (http://caniuse.com/#feat=datauri) zeigt Unterstützung für die wichtigsten Browser mit wenigen Problemen auf IE.