图片加载 SDK

2019年9月8日 98次阅读 来源: Tong_sunshine

页面中图片加载效果

有一种加载先变模糊然后清晰

另一种是很清晰 但逐行加载

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

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

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

响应式动态图片加载（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>
    原文作者：Tong_sunshine
    原文地址: https://segmentfault.com/a/1190000020070196
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞