渐进式图片的原理及制作方法

原理：

渐进式图片其实是一种JPEG格式的图片，和普通的JPEG图片的区别如下：

普通图片渲染时，数据将按照存储时的顺序从上到下逐行扫描被显示出来的，直到所有的数据都被读取完毕，就完成了整张图片的显示。

渐进式图片渲染过程中，会先显示整个图片的模糊轮廓，随着扫描次数的增加，图片变得越来越清晰。这种格式的主要优点是在网络较慢的情况下，可以看到图片的轮廓知道正在加载的图片大概是什么。

渐进式图片制作方法：

方法一：Photoshop存储为Progressive JPEG

首先打开一个图片，选择“文件 -> 存储为”，选择“JPEG”格式，点击“保存”按钮。在“JPEG选项”界面的“格式选项”中选择“连续”，然后在“扫描”选项中设置为“5”。

方法二：Photoshop存储为Web格式的Progressive JPEG

这个方法其实与第一种没什么不同，打开一张图片，选择“文件 -> 存储为Web和设备所用格式”，在弹出的界面右上角选择“JPEG”格式，勾选“连续”，点击“存储”按钮即可。如图所示：