- 第二个img标签是有转成base64图片的
- 结果:
===>图片转成base64图片的地址为:
===>然后把需要转换的图片上传,得到转换后的base64图片的字符串,然后复制粘贴到img标签的src属性上即可
优点:
1、减少http请求次数
2、采用base64的图片随着页面一起下载,因此不会存在跨域请求的问题
3、没有图片更新要上传图片,因此不会造成清理图片缓存的问题
缺点:
1、增加css文件的大小,比http请求大30%左右
2、浏览器兼容性,支持ie10及以上
3、解析css的时间增长