将图像内容保存在 html 文件中

Question

是否可以将图像保存在html中？我想用一些图像创建 html。也许我需要用 base64 解码图像内容并将其粘贴到 html 标记中？

原文由 mystdeim 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

是的，有可能，检查这个简单的例子：http: //jsfiddle.net/MH7gF/

<img alt="" src="data:image/png;base64(...)" />

还有简单的 转换器。

原文由 Kasyx 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

看来您正在寻找使用 CSS 数据 URI 的方法。 http://css-tricks.com/data-uris/ 您需要将您的图像编码为 base64，并使用 HTML 或 CSS 中的这些数据 URI 之一进行设置，因为它适用于两者。

<img width="16" height="16" alt="star" src="data:image/gif;base64,..." />

 li {
  background: url(data:image/gif;base64,...) no-repeat left center;
}

原文由 bizzehdee 发布，翻译遵循 CC BY-SA 3.0 许可协议