首页 ❯

是否可以将.png图像嵌入到 HTML 页面中？

php html image embed
2022-08-30 09:22:21

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

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


答案 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>" />

答案 2

64base方法也适用于大图像。我使用这种方法将所有图像嵌入到我的网站中，并且每次都有效。我已经用最大2 MB大小的文件，JPEG和PNG完成了它。


推荐
更多 »
标签
更多 »
php pass-by-reference optional-parameters default-value javascript arrays dom function string object serialization tostring visibility syntax jslint use-strict operators equality equality-operator identity-operator datetime timestamp date-arithmetic redirect angularjs loops foreach iteration scope variables
推荐
更多 »