纯粹出于好奇,哪些浏览器可以进行Base64图像嵌入工作?我指的是this .
我意识到这对大多数事情来说通常不是一个好的解决方案,因为它会增加页面大小 - 我只是好奇 .
Some examples:
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...);
}
3 回答
大多数现代桌面浏览器(如Chrome,Mozilla和Internet Explorer)都支持编码为数据URL的图像 . 但是在某些移动浏览器中显示数据URL时出现问题:Android Stock Browser和Dolphin Browser不会显示 embedded JPEGs .
我建议您使用以下工具进行在线base64编码/解码:
Encode to Base64 format
Decode from Base64 format
选中“格式化为数据URL”选项以格式化为数据URL .
我是否可以使用(http://caniuse.com/#feat=datauri)显示主要浏览器的支持,IE上几乎没有问题 .
Update: 2017-01-10
现在所有主流浏览器都支持数据URI . IE也支持从版本8开始嵌入图像 .
http://caniuse.com/#feat=datauri
以下Web浏览器现在支持数据URI:
http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support