- N +

什么是渐进式图片

文章目录 [+]

不知道什么时候,果果养成了一个坏习惯,喜欢在移动网络下刷一些图片资讯,当网络不好时,总会等着看那loading的动画转啊转,终于等到图片加载出来了,结果并不感兴趣,就会暗骂一句,“不仅浪费我时间,还浪费我的流量”。


那么有没有既能帮我节约时间又能节省流量的图片加载方案呢?当然是有的啦,那就是使用渐进式图片。先看一下普通图片加载,它是随着下载图片数据的完成度,逐渐从上至下显示完成的。


而渐进式图片的加载流程却是另一番模样,它先显示图片整体的一个模糊效果,随着下载数据的增多,逐渐细化图片中的各个细节,使得图片分辨率逐渐提高,最终还原出完整的图像。

微信图片_20180320174644.gif

它们的原理是什么呢?普通jpeg图片的压缩方式是采用从左至右、从上到下逐行压缩的,而渐进式jpeg图片的压缩方式是根据小波变换,先存储低频(轮廓)内容,然后再存储高频(细节)内容,这样在拉取图片的过程中,就是一个逐渐清晰的过程。如果要针对移动网络的场景优化流量,还可以只下载渐进式图片的一部分,以达到降低图像分辨率和减少流量的目的。


渐进式图片这么牛逼,为什么这些网站和App不怎么使用呢?原因主要有两个,一是现有图片大多是普通格式压缩的,需要转换成为渐进式格式,有一定的成本,另一个原因就是终端的支持程度不够,现在还有一些落后的浏览器(如IE8)对渐进式格式的支持较弱。不过随着时间推移,这部分浏览器会逐渐被淘汰,所以果果觉得,以后渐进式图片会越来越流行的。

微信图片_20180320174538.gif

哦,对了,如果你想将一张图片导成渐进式格式的,可以在PS里面的保存选项里面选择“连续”这个选项。


作者:huchao
未来永远在它该来的路上,能够把握的只是此时此刻——万折必东
返回列表
上一篇:
下一篇:
评论列表 (暂无评论,共485人参与)参与讨论

还没有评论,来说两句吧...

发表评论中国互联网举报中心

快捷回复: