（前端）图片如何从模糊到清晰渐显

在写页面过程中，难免会遇到一些大图，即使压缩过后，依然加载速度缓慢。为了解决这个问题，我查找了一下资料：

发现有一种图片格式叫做交错式

Photoshop 保存PNG格式交错和不交错的差别：

1.PNG格式是由Netscape公司开发出来的格式，可以用于网络图像，但它不同于GIF格式图像只能保存256色，PNG格式可以保存24位的真彩色图像，并且支持透明背景和消除锯齿边缘的功能，可以在不失真的情况下压缩保存图像。但由于PNG格式不完全支持所有浏览器，所以在网页使用要比GIF和JPEG格式使用少的多。但相信随着网络的发展和因特网传输的改善，PNG格式将是未来网页中使用的一种标准图像格式。 
2.在保存PNG格式的图像时，会弹出对话框，如果在对话框中选中（交错的）按钮，那么在使用浏览器欣赏该图片时就会以由模糊逐渐转为清晰的效果方式渐渐显示出来。 
3.交错是一种通过 Internet 发送图片数据的方法。当某个图片交错时，会发生以下情况：在下载了该图片的 1/64 后，您可以看到图片外观形状的总体图像.

主要还是看图片的用途，如果用于网络图片显示，最好选择交错,当然 区别不大！

PNG交错是网页上用到的，当图片比较大的时候，加载需要时间，交错显示可以先加载低分辨率，然后慢慢向高分辨率加载，大概也就是加载一个像素点隔开几个，然后慢慢加载起来，这样用户就能先看到图片的大概样子然后慢慢得到清晰的图片而省去等待的时间，当然，不是做网页的话可以选择无，因为交错的方式保存会让图片更大 ，正常保存jpg是要比png小，视情况而定，选择适合自己网页的保存方式！