关于jpg的“保存格式”:基线还是连续?

用PS保存过JPG图片的都知道在保存的时候有三种格式可以选择:基线、基线(已优化)和连续,它们之间的区别是什么?

我们又该挑选哪一种?

20140915151842

这些格式主要会影响到图片在未下载完成之前该如何显示。其实简单的说这三种格式只有两种:基线(Baseline)和连续(Progressive)。

  • 基线(Baseline)方式指的是图片会从最上方开始,以8×8方块为单位(这就是JPG压缩时的单位),下载完哪些就显示哪些,网速慢的时候会看的图片从上到下逐渐显示,未下载的部分是空白的。
  • 连续(Progressive)方式则是先下载一张清晰度低的图像,然后逐渐使图像变得清晰,这会增加图像文件体积,但是相比较来说,由于人类大脑对于图像有很可怕的处理能力,在相同的时间内,这种方式显示的图像更容易让人看出其中的内容——即使没有下载完整,但是整张图的轮廓是完整的。

下面就是两种方式的演示(用PS后期模拟的效果,不是实际截图):

jpegs

(图片截自http://en.wikipedia.org/wiki/JPEG)

而且据说“连续”方式会提高页面渲染速度,目前来看由于大家的带宽都不是那么紧张,在网站速度比较慢的情况下,存成“连续”格式的jpg可以稍微提高用户体验。

当然啦,这方面webp的效果更好一些,可惜现在还没有被广泛支持。

分享到: