Вставлення зображень Base64

Чи точно з цікавості, в яких браузерах працює вбудова зображення Base64? Я маю на увазі це .

Я усвідомлюю, що зазвичай це не найкраще рішення для більшості речей, оскільки це збільшує розмір сторінки досить небагато - мені просто цікаво.

Деякі приклади:

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

Оновлення: 2017-01-10

Тепер URI даних підтримуються всіма основними браузерами. IE підтримує вбудовування зображень, починаючи з версії 8.

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

URI-дані тепер підтримуються такими веб-браузерами:

• На базі Gecko, таких як Firefox, SeaMonkey, XeroBank, Camino, Fennec та K-Meleon
• Konqueror, через систему введення / виведення підлеглих KDE KDE
• Opera (включаючи такі пристрої, як Nintendo DSi або Wii)
• На основі WebKit, таких як Safari (включаючи iOS), браузер Android, Epiphany та Midori (WebKit є похідною від KHTML-двигуна Konqueror, але Mac OS X не поділяє архітектуру KIO, тому реалізація відрізняється), а також Webkit / На основі хрому, наприклад, Chrome
• Тризуб
  • Internet Explorer 8: Корпорація Майкрософт обмежила підтримку певним "не навігаційним" вмістом з міркувань безпеки, включаючи занепокоєння тим, що JavaScript, вбудований в URI даних, не може бути інтерпретований фільтрами сценаріїв, такими, які використовуються веб-клієнтами електронної пошти. У Версії 8 [3] URI даних повинні бути меншими за 32 Кб.
  • URI даних підтримуються лише для таких елементів та / або атрибутів [4]:
    • об'єкт (лише зображення)
    • img
    • тип вводу = зображення
    • посилання
  • CSS-декларації, які приймають URL-адресу, наприклад, фонове зображення, фон, тип списку, стиль списку тощо.
  • Internet Explorer 9: Internet Explorer 9 не має обмеження 32KiB і дозволений у більш широких елементах.
  • Веб-браузер: браузер оболонки IE, який має вбудовану підтримку схеми URI даних

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

Більшість сучасних настільних браузерів, таких як Chrome, Mozilla та Internet Explorer, підтримують зображення, закодовані як URL-адреса даних. Однак існують проблеми із відображенням URL-адрес даних у деяких мобільних браузерах: Android-браузер Stock and Browph Delphin не відображатиме вбудовані JPEG .

Я рекомендую вам використовувати такі інструменти для кодування / декодування в режимі он-лайн:

• Кодування у форматі Base64

• Розшифруйте з формату Base64

Установіть прапорець "Форматувати як URL-адресу даних", щоб відформатувати його як URL-адресу даних.

Чи можу я користуватися ( http://caniuse.com/#feat=datauri ), показує підтримку в основних веб-переглядачах, які мають мало проблем у IE.