图片资源优化

  1. 选择合适的图片格式

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

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

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

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

  5. 合并图片:

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

  6. 图片压缩

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

  7. 使用 CDN

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

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

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