嵌入 Base64 图像 [英] Embedding Base64 Images
本文介绍了嵌入 Base64 图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
纯粹出于好奇,Base64 图像嵌入适用于哪些浏览器?我指的是this.
Purely out of curiosity, which browsers does Base64 image embedding work in? What I'm referring to is this.
我意识到这对于大多数事情来说通常不是一个好的解决方案,因为它会大大增加页面大小 - 我只是很好奇.
I realize it's not usually a good solution for most things, as it increases the page size quite a bit - I'm just curious.
一些例子:
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 开始也支持嵌入图像.
Data URIs are now supported by all major browsers. IE supports embedding images since version 8 as well.
http://caniuse.com/#feat=datauri
以下 Web 浏览器现在支持数据 URI:
Data URIs are now supported by the following web browsers:
- 基于 Gecko,例如 Firefox、SeaMonkey、XeroBank、Camino、Fennec 和 K-Meleon
- Konqueror,通过 KDE 的 KIO slaves 输入/输出系统
- Opera(包括 Nintendo DSi 或 Wii 等设备)
- 基于 WebKit,例如 Safari(包括在 iOS 上)、Android 的浏览器、Epiphany 和 Midori(WebKit 是 Konqueror 的 KHTML 引擎的衍生物,但 Mac OS X 不共享 KIO 架构,因此实现不同),如以及基于 Webkit/Chromium 的,例如 Chrome
- 三叉戟
- Internet Explorer 8:出于安全原因,Microsoft 限制了对某些不可导航"内容的支持,包括担心嵌入在数据 URI 中的 JavaScript 可能无法被脚本过滤器(例如基于网络的电子邮件客户端使用的过滤器)解释.在版本 8[3] 中,数据 URI 必须小于 32 KiB.
- 数据 URI 仅支持以下元素和/或属性[4]:
- 对象(仅限图像)
- img
- 输入类型=图像
- 链接
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support
这篇关于嵌入 Base64 图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文