|
不知道什么时候，果果养成了一个坏习惯，喜欢在移动网络下刷一些图片资讯，当网络不好时，总会等着看那loading的动画转啊转，终于等到图片加载出来了，结果并不感兴趣，就会暗骂一句，“不仅浪费我时间，还浪费我的流量”。 那么有没有既能帮我节约时间又能节省流量的图片加载方案呢？当然是有的啦，那就是使用渐进式图片。先看一下普通图片加载，它是随着下载图片数据的完成度，逐渐从上至下显示完成的。 而渐进式图片的加载流程却是另一番模样，它先显示图片整体的一个模糊效果，随着下载数据的增多，逐渐细化图片中的各个细节，使得图片分辨率逐渐提高，最终还原出完整的图像。 它们的原理是什么呢？普通jpeg图片的压缩方式是采用从左至右、从上到下逐行压缩的，而渐进式jpeg图片的压缩方式是根据小波变换，先存储低频（轮廓）内容，然后再存储高频（细节）内容，这样在拉取图片的过程中，就是一个逐渐清晰的过程。如果要针对移动网络的场景优化流量，还可以只下载渐进式图片的一部分，以达到降低图像分辨率和减少流量的目的。 渐进式图片这么牛逼，为什么这些网站和App不怎么使用呢？原因主要有两个，一是现有图片大多是普通格式压缩的，需要转换成为渐进式格式，有一定的成本，另一个原因就是终端的支持程度不够，现在还有一些落后的浏览器（如IE8）对渐进式格式的支持较弱。不过随着时间推移，这部分浏览器会逐渐被淘汰，所以果果觉得，以后渐进式图片会越来越流行的。 哦，对了，如果你想将一张图片导成渐进式格式的，可以在PS里面的保存选项里面选择“连续”这个选项。 |
|
|
