嵌入Base64图像 | 易学教程

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

纯粹出于好奇，哪些浏览器可以进行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...);
}

#1楼

更新：2017-01-10

现在所有主流浏览器都支持数据URI。 IE也支持从版本8开始嵌入图像。

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

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

基于Gecko的，如Firefox，SeaMonkey，XeroBank，Camino，Fennec和K-Meleon

Konqueror，通过KDE的KIO奴隶输入/输出系统

Opera（包括任天堂DSi或Wii等设备）

基于WebKit，如Safari（包括在iOS上），Android的浏览器，Epiphany和Midori（WebKit是Konqueror的KHTML引擎的衍生物，但Mac OS X不共享KIO架构，因此实现方式不同），以及Webkit /基于铬，如Chrome

三叉戟
Internet Explorer 8：出于安全原因，Microsoft限制其对某些“不可导航”内容的支持，包括担心嵌入在数据URI中的JavaScript可能无法被脚本过滤器（例如基于Web的电子邮件客户端使用的脚本过滤器）解释。版本8中的数据URI必须小于32 KiB [3]。

仅支持以下元素和/或属性的数据URI [4]：
对象（仅限图像）

IMG

输入类型=图像

链接

接受URL的CSS声明，例如background-image，background，list-style-type，list-style等。

Internet Explorer 9：Internet Explorer 9没有32KiB限制，允许在更广泛的元素中使用。

TheWorld Browser：一个IE shell浏览器，内置支持Data URI方案