渐进式jpeg(progressive jpeg)图片及其相关

最新推荐文章于 2022-12-16 13:26:37 发布

weixin_30593261

最新推荐文章于 2022-12-16 13:26:37 发布

阅读量210

点赞数

文章标签： photoshop

原文链接：http://www.cnblogs.com/ycg-myblog/p/10106591.html

版权

最近看有些网站上的jpg格式的图片在呈现的时候，有两种方式，一种是自上而下扫描式的，还有一种就是先是全部的模糊图片，然后逐渐清晰(就像GIF格式的交错显示)。

图片的尺寸大小：

张鑫旭个人博客看到：

同一张jpg图片，如果保存为基本式和渐进式那个尺寸更小呢？

根据我拿3终不同风格图片做测试，发现，百度百科中所说的渐进式图片的大小比基本式的小是不准确的。

其中，两者大小关系基本上没有什么规律。下面是他的测试结果：

图片缩略图	测试结果
	图片品质59%及其以下时候，渐进JPEG图片更小；品质60%及其以上，基本JPEG更小
	图片品质82%及其以上时候，渐进JPEG图片更小；品质81%及其以下，基本JPEG更小
	无论图片品质多少，都是渐进JPEG图片更小

不过，从概率学上讲，大多数情况下，渐进式JPEG比基本式图片尺寸小一点。然而，其中的大小差异与原图尺寸相比，不值一提，因此，所谓图片大小不能作为两种图片选择的依据。

下载呈现速度

一个名叫Ann Robson的人，最近对各个浏览器下渐进式图片呈现做了测试。

下图为FireFox浏览器下呈现速度的对比图：
乳猪加载对比图张鑫旭-鑫空间-鑫生活

当大图轮廓加载OK的时候，小图最后一个乳猪还没有出世面；而基本式乳猪图还没有开始加载！显然，罗伯森是想告诉我们，渐进JPEG下载更快。

下表为其在各个浏览器下测试的结果：