我可以将.png图像嵌入到html页面中吗？

Question

如何将.png文件嵌入到空白的"file.html"中,以便在任何浏览器中打开该文件时,您会看到该图像？在这种情况下,图像文件没有链接到HTML,而是图像数据嵌入在HTML本身中.

Answer 1

网上有一些base64编码器可以帮到你,这可能是我见过的最好的:

该页面显示您的主要选项是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>" />

这是另一个网站，可让您从本地硬盘驱动器（而不是URL）对图像文件进行编码：http://www.opinionatedgeek.com/dotnet/tools/Base64Encode/ (2认同)

Answer 2

64base方法也适用于大图像,我使用该方法将所有图像嵌入到我的网站中,并且每次都可以使用.我已经完成了大小为2Mb,jpg和png的文件.