php - 我可以将 .png 图像嵌入 HTML 页面吗？

Question

我怎样才能将 .png 文件嵌入到空白的“file.html”中，以便当您在任何浏览器中打开该文件时都能看到该图像？

在这种情况下，图像文件不是从 HTML 链接到的，而是图像数据嵌入到 HTML 本身。

Answer 1

有几个Base64在线编码器来帮助你，这可能是我见过的最好的:

http://www.greywyvern.com/code/php/binary2base64

由于该页面显示您的主要选项是 CSS:

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORwA<MoreBase64SringHere>);
}

或 <img>标签本身，像这样:

<img alt="My Image" src="data:image/png;base64,iVBORwA<MoreBase64SringHere>" />