图片转换成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,的后面,然后用浏览器打开访问即可