JPG�?进 & PNG/PNG24 交错测试

laoshu133 �?端 2评论 Aug 3

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

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

在测试�?�个�?览器（未说明都为最新版本）时�?�现：

Chrome对“�?进�?和“交错�?都支�?良好
Safari(PC/MAC)对“�?进�?�?支�?，“交错支�?良好�?
Fiefox对“�?进�?和“交错�?都支�?良好
Opera对“�?进�?和“交错�?都支�?良好
IE9对“�?进�?和“交错�?都�?支�?

测试地�?�：Interlace_test

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

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

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

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

Tags:�?端优化图片

上一篇：DatePicker - 基于jQuery 的日期选择控件

下一篇：CSS 背景居中次�?素无法�?�?�

共2评论

netyc说：

于 2012-10-9 7:53:21 #

感觉�?进和交错没有什么�?义
laoshu133 于 2012-10-9 19:54:43 回�?
@netyc
个人觉得还是有�?义的，尤其在对于相册类应用中大图的处�?�

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

回�?
VK说：

于 2012-11-16 11:31:18 #

交错测试�?�的很好 �?�常直观

回�?

_米空格

JPG�?进 & PNG/PNG24 交错测试

相关文章

共2评论

�?�表评论

最新评论�?�回�?

最近�?�表

网站分类

文章归档

�?�情链接