Baseline JPEG 与 Progressive JPEG 的区别

Baseline JPEG(标准型)和Progressive JPEG(渐进式)是jpeg这种格式的文件有两种保存方式。两种格式有相同尺寸以及图像数据,扩展名也是相同的,唯一的区别是二者显示的方式不同。

Baseline JPEG

这种类型的JPEG文件存储方式是按从上到下的扫描方式,把每一行顺序的保存在JPEG文件中。打开这个文件显示它的内容时,数据将按照存储时的顺序从上到下一行一行的被显示出来,直到所有的数据都被读完,就完成了整张图片的显示。如果文件较大或者网络下载速度较慢,那么就会看到图片被一行行加载的效果。这样的效果用户体验很差。

Progressive JPEG

和Baseline一遍扫描不同,Progressive JPEG文件包含多次扫描,这些扫描顺寻的存储在JPEG文件中。打开文件过程中,会先显示整个图片的模糊轮廓,随着扫描次数的增加,图片变得越来越清晰。这种格式的主要优点是在网络较慢的情况下,可以看到图片的轮廓知道正在加载的图片大概是什么。这样的用户体验还是可以的(注意瀑布流中的图片建议还是使用第一种的保存格式)。
下面这张图片是我截图过来的,忘记是哪篇文章的了,找到后再补一下链接。这张图更直观的显示了二者的显示的区别。
"图片解释"

不知道这个的前端小伙伴,项目上有需求的可以从设计的同事那里要这种储存方式的图片了呀。

在photoshop中存储Progressive JPEG的文件

photoshop中“存储为web所用格式”,打开后选择“连续”就是渐进式的jpeg。
"photoshop store"