CSS 图片加载优化

常见优化：

1. 图片压缩上传
2. 图片懒加载：先用一个占位，再去请求图片进行替换
3. 图片渐进加载：先请求一个模糊图片，再去请求高清图片替换

源图优化
      4. 根据不同需求加载不同的图——srcset属性

只要图片原始大小>css设置宽度*DPR就会清晰

（1）根据DPR选择

<img src="image.jpg" 
     srcset="image.jpg,
             image_2x.jpg 2x,
             image_3x.jpg 3x"/>

（2）根据实际需要尺寸

<img src="image.jpg