关于css:将图像内容保存在html文件中

Save image content inside html file

本问题已经有最佳答案,请猛点这里访问。

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


是的,有可能,请查看以下简单示例:http://jsfiddle.net/mh7gf/

还有简单的转换器。


似乎您希望使用CSS数据URI。http://css-tricks.com/data-uri s/您需要将图像编码为base64,并使用HTML或CSS中的其中一个数据URI进行设置,因为两者都可以使用。

star

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


您想使用不需要上载到某个地方的图像吗?

你可以使用mads kristensen的图片到base64转换工具,它将返回你上传的图片的base64。

例如,我的化身:

对于CSS相同:

background-image: url(data:image/jpeg;base64,{tons of letter/numbers here});

是的,base64太大了。因此不要使用太多,您的.html/css文件也会很大。