优势:
- Base64 图片可以减少请求
- 加快首屏数据的显示速度
1、一般我们通常使用background : url……这种形式加载图片,url里面写的是图片地址
2、使用base64格式就只需要填写一串字符串,承载着图片信息,相当于我们提前把图片信息放到了css文件中,减少了请求。
background:url(data:image/png;base64,{image_data})
缺点:
- Base64格式未经过压缩,体积较大
- 不利于维护
优势:
- Base64 图片可以减少请求
- 加快首屏数据的显示速度
1、一般我们通常使用background : url……这种形式加载图片,url里面写的是图片地址
2、使用base64格式就只需要填写一串字符串,承载着图片信息,相当于我们提前把图片信息放到了css文件中,减少了请求。
background:url(data:image/png;base64,{image_data})
缺点:
- Base64格式未经过压缩,体积较大
- 不利于维护