png8： 256色 + 支持透明
png24： 2^24色 + 不支持透明
png32： 2^24色 + 支持透明
不同格式图片常用的业务场景：
- jpg 有损压缩，压缩率高，不支持透明，适合大部分不需要透明图片的业务场景。
- png 支持透明，浏览器兼容好，适合大部分需要透明图片的业务场景。
- webp压缩程度更好，在ios webview有兼容性问题，适合安卓全部。
- svg矢量图，代码内嵌，相对较小，图片格式相对简单的场景，适合图片样式相对简单的业务场景。
方案：
- 进行图片压缩。
- CSS雪碧图
优点：减少网站的HTTP请求数量
缺点：整合图片比较大时，一次加载比较慢。
- CSS雪碧图
- Image inline （base64压缩）
优点：减少网站的HTTP请求数量
- Image inline （base64压缩）
- 使用矢量图
使用svg进行矢量图的绘制
使用iconfont解决icon问题
- 使用矢量图
- 在安卓下使用webp
网友评论