图片资源优化

1. 选择合适的图片格式

   原理：对图片格式转换，在画质可以接受的情况下达到更好的压缩比效果
   优势：减少图片加载流量，效果比较明显
   劣势：服务器和浏览器压力增大，而且服务器需要额外的服务支持，格式转换要考虑浏览器的兼容性

2. 图片大小小于2KB时可使用base64编码代替图片

3. 不同终端对同一个图片需求不一样，可以根据终端加载不同的图片来节省没必要的流量

4. 使用css、svg、canvas或iconfont代替图片

5. 合并图片：

   优势：可以有效 大专栏  图片资源优化的较少请求个数
   劣势：生成的图片体积较大，减少请求个数同时也增加了图片大小，不合理拆分将不利于并行加载

6. 图片压缩

   原理：对图片进行无损、有损压缩，转为压缩后图片来实现
   优势：减少图片加载流量，效果比较明显
   劣势：服务器和浏览器压力增大，而且服务器需要额外的服务支持

7. 使用 CDN

   使用参数自动调节图片质量和大小的，最关键的还是，CDN 的每 G 流量价格普遍比 VPS 按流量付费的价格要低得多！

8. 部署到单独的服务器中