图片相关的优化

png8： 256色 + 支持透明
png24： 2^24色 + 不支持透明
png32： 2^24色 + 支持透明

不同格式图片常用的业务场景：

• jpg 有损压缩，压缩率高，不支持透明，适合大部分不需要透明图片的业务场景。
• png 支持透明，浏览器兼容好，适合大部分需要透明图片的业务场景。
• webp压缩程度更好，在ios webview有兼容性问题，适合安卓全部。
• svg矢量图，代码内嵌，相对较小，图片格式相对简单的场景，适合图片样式相对简单的业务场景。

方案：

• 1. 进行图片压缩。
• 2. CSS雪碧图
     优点：减少网站的HTTP请求数量
     缺点：整合图片比较大时，一次加载比较慢。
• 3. Image inline （base64压缩）
     优点：减少网站的HTTP请求数量
• 4. 使用矢量图
     使用svg进行矢量图的绘制
     使用iconfont解决icon问题
• 5. 在安卓下使用webp