it-swarm.com.de

Einbetten von Base64-Bildern

In welchen Browsern funktioniert das Einbetten von Base64-Bildern nur aus Neugier? Ich beziehe mich auf dies .

Mir ist klar, dass es für die meisten Dinge normalerweise keine gute Lösung ist, da es die Seitengröße erheblich 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...);
}
552
S Pangborn

Aktualisierung: 10.01.2017

Daten-URIs werden jetzt von allen gängigen Browsern unterstützt. IE unterstützt das Einbetten von Bildern seit Version 8.

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


Daten-URIs werden jetzt von den folgenden Webbrowsern unterstützt:

  • Gecko-basiert wie Firefox, SeaMonkey, XeroBank, Camino, Fennec und K-Meleon
  • Konqueror über das KIO-Slave-Ein-/Ausgabesystem von KDE
  • Opera (einschließlich Geräten wie Nintendo DSi oder Wii)
  • WebKit-basiert, wie Safari (einschließlich iOS), Android-Browser, Epiphany und Midori (WebKit ist eine Ableitung der KHTML-Engine von Konqueror, Mac OS X nutzt jedoch nicht die KIO-Architektur, sodass die Implementierungen unterschiedlich sind) sowie Webkit/Chrom-basiert, wie z. B. Chrome
  • Dreizack
    • Internet Explorer 8: Microsoft hat seine Unterstützung aus Sicherheitsgründen auf bestimmte "nicht navigierbare" Inhalte beschränkt, einschließlich Bedenken, dass in einen Daten-URI eingebettetes JavaScript möglicherweise nicht von Skriptfiltern interpretiert werden kann, wie sie von webbasierten E-Mail-Clients verwendet werden. Daten-URIs müssen in Version 8 [3] kleiner als 32 KB sein.
    • Daten-URIs werden nur für die folgenden Elemente und/oder Attribute unterstützt [4]: ​​
      • objekt (nur Bilder)
      • img
      • eingabetyp = Bild
      • verknüpfung
    • CSS-Deklarationen, die eine URL akzeptieren, z. B. Hintergrundbild, Hintergrund, Listenstil, Listenstil und ähnliches.
    • Internet Explorer 9: Internet Explorer 9 ist nicht auf 32 KB beschränkt und in breiteren Elementen zulässig.
    • TheWorld-Browser: Ein IE -Shell-Browser mit integrierter Unterstützung für das Daten-URI-Schema

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

355
Philippe Gerber

Die meisten modernen Desktop-Browser wie Chrome, Mozilla und Internet Explorer unterstützen Bilder, die als Daten-URL codiert sind. Bei einigen mobilen Browsern treten jedoch Probleme bei der Anzeige von Daten-URLs auf: Android Stock Browser und Dolphin Browser zeigen eingebettete JPEGs nicht an .

Ich empfehle Ihnen, die folgenden Tools für die Online-Base64-Codierung/-Decodierung zu verwenden:

Aktivieren Sie die Option "Als Daten-URL formatieren", um sie als Daten-URL zu formatieren.

52
Brig Ader

Kann ich ( http://caniuse.com/#feat=datauri ) verwenden? Zeigt Unterstützung für die wichtigsten Browser mit wenigen Problemen im Internet Explorer.

13
kehers