新写法将图片写入文档中,可以减少客户端对服务器的请求。
现在浏览器直接把那一串ASCII按照你的文件类型进行编译就可以出来结果了。
使用工具
在线编译图片为base64位的编码
我原来有尝试在样式表中使用base64替换我原来写的background的属性,但是没有效果浏览器不识别。然后又在html中吃尝试了使用img标签嵌入,发现是可以的
最后查找了一下原因在样式表中使用base 64编码替换图片时候我所用的编辑器Hbuilder需要把破则号都去掉使ASCII码能够被识别。
加载对比
样式表对比:
网页显示效果对比:
样式表对比:
网页显示效果对比:
显示效果是没有什么差别的,但是可以减少。。。
具体差别可以查看: