Osadzanie obrazów Base64

Czy to z ciekawości, w których przeglądarkach działa osadzanie obrazu Base64? Mam na myśli to .

Zdaję sobie sprawę, że zazwyczaj nie jest to dobre rozwiązanie dla większości rzeczy, ponieważ całkiem zwiększa rozmiar strony - jestem po prostu ciekawy.

Kilka przykładów:

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...);
}

Aktualizacja: 10.01.2017

Identyfikatory URI danych są teraz obsługiwane przez wszystkie główne przeglądarki. IE obsługuje również osadzanie obrazów od wersji 8.

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

Identyfikatory URI danych są teraz obsługiwane przez następujące przeglądarki internetowe:

• Oparte na Gecko, takie jak Firefox, SeaMonkey, XeroBank, Camino, Fennec i K-Meleon
• Konqueror, poprzez system wejścia / wyjścia KIO slave KDE
• Opera (w tym urządzenia takie jak Nintendo DSi lub Wii)
• Oparte na WebKit, takie jak Safari (w tym na iOS), przeglądarka Androida, Epiphany i Midori (WebKit jest pochodną silnika KHTML Konquerora, ale Mac OS X nie dzieli architektury KIO, więc implementacje są różne), a także Webkit / Na bazie chromu, na przykład Chrome
• Trójząb
  • Internet Explorer 8: Microsoft ograniczył swoją obsługę do niektórych „niemożliwych do nawigacji” treści ze względów bezpieczeństwa, w tym obaw, że JavaScript osadzony w URI danych może nie być interpretowany przez filtry skryptów, takie jak te używane przez internetowych klientów poczty e-mail. Identyfikatory URI danych muszą być mniejsze niż 32 KiB w wersji 8 [3].
  • Identyfikatory URI danych są obsługiwane tylko dla następujących elementów i / lub atrybutów [4]:
    • obiekt (tylko obrazy)
    • img
    • typ wejścia = obraz
    • połączyć
  • Deklaracje CSS, które akceptują adresy URL, takie jak obraz tła, tło, styl listy, styl listy i podobne.
  • Internet Explorer 9: Internet Explorer 9 nie ma ograniczenia 32 KB i jest dozwolony w szerszych elementach.
  • TheWorld Browser: przeglądarka powłoki IE, która ma wbudowaną obsługę schematu URI danych

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

Większość współczesnych przeglądarek stacjonarnych, takich jak Chrome, Mozilla i Internet Explorer, obsługuje obrazy zakodowane jako adres URL danych. Występują jednak problemy z wyświetlaniem adresów URL danych w niektórych przeglądarkach mobilnych: Android Stock Browser i Dolphin Browser nie wyświetlają osadzonych plików JPEG .

Polecam korzystanie z następujących narzędzi do internetowego kodowania / dekodowania base64:

• Zakoduj do formatu Base64

• Dekoduj z formatu Base64

Zaznacz opcję „Formatuj jako adres danych”, aby sformatować jako adres danych.

Czy mogę korzystać ( http://caniuse.com/#feat=datauri ) pokazuje wsparcie w głównych przeglądarkach z kilkoma problemami w IE.