前端性能优化--图片优化

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

• jpg有损压缩，压缩率高，不支持透明，大部分不需要透明的业务场景
• png支持透明，浏览器兼容好，png8/24/32， png8能支持，文件大小最小。大部分需要透明的业务场景
• svg矢量图，代码内嵌，相对较小，图片样式相对简单，图片样式相对简单的业务场景（icon,logo）。

2.将图片的内容内嵌到html当中，减少http请求数量   tinypng图片压缩工具