HTML 嵌入 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

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

基于壁虎，如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/Chromium的，如Chrome

三叉戟

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

数据 URI 仅支持以下元素和/或属性[4]：

对象（仅限图像）

图像

输入类型=图像

链接

接受 URL 的 CSS 声明，例如背景图像、背景、列表样式类型、列表样式等。

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

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

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

分割线

网友回答：

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

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

编码为 Base64 格式
从 Base64 格式解码

选中“格式化为数据 URL”选项以格式化为数据 URL。

分割线

网友回答：

我可以使用（http://lanrenmb.com/#feat=datauri）显示对主要浏览器的支持，在 IE 上几乎没有问题。

模板简介：该模板名称为【HTML 嵌入 Base64 图片】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。