共计 362 个字符，预计需要花费 1 分钟才能阅读完成。
页面中图片加载效果
有一种加载先变模糊然后清晰
另一种是很清晰 但逐行加载
为什么呢？
因为他们的区别是压缩算法不同
模糊到清晰的是 小波算法
逐行显示的是 离散余弦变换
浏览器探测到图片本身的压缩算法不同 再去显示压缩算法不同的图片
然后用不同的显示方式去显示这些图片
响应式动态图片加载（SDK）
<picture>
<source srcset="smaller.png" media="(max-width:768px)"> <!-- 768 像素以内显示 -->
<source srcset="big.png" media="(min-width:1000px)"> <!-- 大于 1000 像素显示 -->
<img srcset="default.png" alt="My default image"> <!-- 768 和 1000 像素 之间显示 默认图片 -->
</picture>
正文完
