内容来自 DOC https://q.houxu6.top/?s=嵌入Base64图像
纯粹出于好奇，Base64图像嵌入在哪些浏览器中可行？我指的是这个。
我意识到对于大多数情况来说，这通常不是一个好的解决方案，因为它会显著增加页面大小 - 我只是好奇。
一些示例：
HTML:
<img alt="嵌入图像" 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的KIO slaves输入/输出系统
- Opera（包括Nintendo DSi或Wii等设备）
- 基于WebKit的浏览器，如Safari（包括iOS上的Safari）、Android的浏览器、Epiphany和Midori（WebKit是Konqueror的KHTML引擎的一个衍生版本，但Mac OS X不共享KIO架构，因此实现方式有所不同），以及基于Webkit/Chromium的浏览器，如Chrome
- Trident
- Internet Explorer 8：出于安全原因，Microsoft限制了其对某些“不可导航”内容的支持，包括对使用data URI嵌入的JavaScript可能无法被网页邮件客户端等脚本过滤器解释的担忧。在第8版本中，数据URI的大小必须小于32 KiB[3]。
- 仅支持以下元素和/或属性的数据URI[4]：
- object（仅限图像）
- img
- input type=image
- link
- 接受URL的CSS声明，例如background-image、background、list-style-type、list-style等。
- Internet Explorer 9：Internet Explorer 9没有32KiB限制，并允许在更广泛的元素中使用数据URI。
- TheWorld Browser：这是一个IE外壳浏览器，内置对数据URI方案的支持
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support