JPG?进 & PNG/PNG24 交错测试 - 凡事预则立,?预则废

今天由?事说起,PS导出PNG时,有个选项?交错“是干啥的,想起这也是个问题,所以特??了个测试页?:

引用网上?交错-就是类似旧?电视的隔行扫??,让图片?花50%的时间就?以看到图片全貌“,
?外JPG的??进“也有类似效果,?惜支?的?览器?多

在测试?个?览器(未说明都为最新版本)时?现:

  1. Chrome对“?进?和“交错?都支?良好

  2. Safari(PC/MAC)对“?进??支?,“交错支?良好?

  3. Fiefox对“?进?和“交错?都支?良好

  4. Opera对“?进?和“交错?都支?良好

  5. IE9对“?进?和“交错?都?支?

测试地?:Interlace_test

从测试的加载情况?以很容易看出,在对于需?加载大图片的情况下,在导出图片时选择“交错?(PS里JPG选择“连续?),对于用户体验上有很大的改善

?外,在<img />标签有个lowsrc属性,?以指定图片的缩略图,用于??,页?打开时一片空白;?过现在这个属性出现的概率貌似有点低;

引用?处关于“?进?(Interlace)和“交错?(Progressive)的解释:


JPEG?GIF和PNG这三?图?格?都??供了一?功能,让图?能够更快地显示。图??以以一?特殊方?存储,显示时先大概显示图?的?图,当文件全部下载??填充细节。这起到一?很有?义的心?效果,因为这样使人们有东西?看,而?必???干等大型图?慢慢显示在?幕上。

2评论

  1. 感觉?进和交错没有什么?义

    laoshu133 于 2012-10-9 19:54:43 回?
    @netyc
    个人觉得还是有?义的,尤其在对于相册类应用中大图的处?

    由 laoshu133 于 2012-10-9 20:07:59 最?编辑

    回?

  2. 交错测试?的很好 ?常直观

    回?

?表评论

最新评论?回?

    loading

最近?表

    loading

网站分类

    loading

文章归档

    loading

?情链接

Top Comments Footer