embeddedBase64图像

纯粹出于好奇，Base64图像embedded工作在哪些浏览器？ 我指的是这个 。

我意识到这通常不是一个很好的解决scheme，因为它增加了页面大小 – 我只是好奇。

一些例子：

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

Answer 1

更新：2017-01-10

数据URI现在被所有主stream浏览器支持。 IE也支持从版本8开始的embedded图像。

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

---

现在，以下Web浏览器支持数据URI：

• 基于Gecko的，如Firefox，SeaMonkey，XeroBank，Camino，Fennec和K-Meleon
• Konqueror，通过KDE的KIO从站input/输出系统
• 歌剧（包括诸如任天堂DSi或Wii的设备）
• 基于WebKit的，如Safari（包括iOS），Android的浏览器，Epiphany和Midori（WebKit是Konqueror的KHTML引擎的衍生产品，但是Mac OS X不共享KIO架构，因此实现是不同的），以及Webkit /铬，如铬
• 三叉戟
  • Internet Explorer 8：由于安全原因，Microsoft限制了对某些“不可导航”内容的支持，包括担心embedded在数据URI中的JavaScript可能无法通过基于Web的电子邮件客户端使用的脚本filter来解释。 版本8中的数据URI必须小于32 KiB [3]。
  • 数据URI仅支持以下元素和/或属性[4]：
    • 对象（仅限图像）
    • IMG
    • inputtypes=图像
    • 链接
  • 接受URL的CSS声明，比如background-image，background，list-style-type，list-style和similar。
  • Internet Explorer 9：Internet Explorer 9不具有32KiB限制，并允许使用更广泛的元素。
  • TheWorld浏览器：一个IE浏览器，它内置了对Data URIscheme的支持

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

Answer 2

大多数现代桌面浏览器（如Chrome，Mozilla和Internet Explorer）都支持以数据URL编码的图像。 但在某些移动浏览器中显示数据url时出现问题：Android Stock Browser和Dolphin Browser不会显示embedded的JPEG 。

我build议您使用以下工具进行在线base64编码/解码：

• 编码为Base64格式

• 从Base64格式解码

选中“格式化为数据url”选项来格式化为数据url。

Answer 3

我可以使用（ http://caniuse.com/#feat=datauri ）在IE浏览器上显示几乎所有主stream浏览器的支持。