图片资源优化

标签：兼容   http   部署   支持   一个   情况下   并行   比较   需要   

1. 选择合适的图片格式

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

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

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

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

5. 合并图片：

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

6. 图片压缩

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

7. 使用 CDN

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

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

图片资源优化

标签：兼容   http   部署   支持   一个   情况下   并行   比较   需要   

原文地址：https://www.cnblogs.com/lijianming180/p/12401948.html