图片加载 SDK

页面中图片加载效果

有一种加载先变模糊然后清晰
另一种是很清晰 但逐行加载

为什么呢？
因为他们的区别是压缩算法不同

模糊到清晰的是小波算法
逐行显示的是离散余弦变换

浏览器探测到图片本身的压缩算法不同 再去显示压缩算法不同的图片
然后用不同的显示方式去显示这些图片

响应式动态图片加载（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>