怎样让图片加载得更快

总结图片优化：怎样让图片加载得更快
一.图片压缩
   1.压缩png
         1)node-pngquant-native
         2)跨平台，压缩比高，压缩png24非常好
   2.压缩jpg
        1)jpegtran
        2)图片尺寸随着网络环境变化
二.不同网络环境下，加载不同的图片
三.响应式图片
      1.javascript 绑定时间检测窗口大小
      2.css媒体查询
         @media screen and (max-width:640px){ my_image{width:640px;}​​}
      3.img标签属性
      <img srcset="img-320w.jpg,img-640w.jpg 2x,img-960w.jpg 3x"scr="img-960w.jpg" alt="img" >​
三.逐步加载图像
     1.使用同一占位符
     2.使用LQIP
     3.使用SQIP
四.真的图片吗？
     1.web font 代替图片
     2.使用data URI代替图片
     3 .采用Image spriting （雪碧图） 请求数就只有一个

五.在服务器端进行优化图片自动优化的原理是什么？
一.名词解释
     图片服务器自动化优化是可以在图片URL链接上增加不同特殊的参数，服务器自动化生成
不同格式、大小、质量的图片
二.处理方式
      1.图片裁剪：按长边 短边 填充 拉伸
      2.图片格式 支持jpg gif png webp 压缩
      3.图片处理：添加图片水印 高斯模糊 重心处理 裁剪边框
      4.al能力: 鉴黄 智能抠图 排图 配色 合成