图片转换成Base64编码集成到html文件

目录 文章
图片转换成Base64编码集成到html文件-下一朵云
图1 图片Base64编码

图片转换成Base64编码集成到html文件,如图1本站的搜索无结果图片

首先为什么要这么做? 原因很简单这样可以减少与服务器的请求,当然对于一些浏览器并不支持,如IE的远古版本(这些版本新的CSS样式已经早就不支持了)。具体转化方法如下:

1.在线打开Base64的编码器将图片编码成Base64

图像编码器Base64的地址:http://www.vgot.net/test/image2base64.php

2.将需要编码的图片编码成 Base64 代码

图片转换成Base64编码集成到html文件-下一朵云
图2 Base64代码

3.在html文件图片所在的src=””中添加data:image/jpg;base64,(注:这里是jpg格式,你可以改写成你编码图片的类型)

4.将你编码的Base64代码复制到image/jpg;base64,的后面,然后用浏览器打开访问即可

>>本文为下一朵云的原创文章,转载请附上原文出处链接及本声明
>>原文链接地址:图片转换成Base64编码集成到html文件

暂无评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注