嵌入Base64图像

Question

嵌入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...);}

Answer 1

大多数现代桌面浏览器（如Chrome，Mozilla和Internet Explorer）都支持编码为数据URL的图像。但是在某些移动浏览器中显示数据URL存在问题：Android Stock Browser和Dolphin Browser不会显示嵌入的JPEG。我建议您使用以下工具进行在线base64编码/解码：编码为Base64格式从Base64格式解码选中“格式化为数据URL”选项以格式化为数据URL。