我可以将.png图片嵌入html页面吗？

一尘不染

html

如何将.png文件嵌入空白的“file.html”中，以便在任何浏览器中打开该文件时都能看到该图像？在这种情况下，图像文件不是从HTML链接到的，而是图像数据嵌入在HTML本身中。

阅读 935

2020-05-10

共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>" />

2020-05-10