渐进式 JPEG （Progressive JPEG）来提升用户体验

Posted 2020-10-22 web前端开发技术

1、概述

jpg格式分为：Baseline JPEG（标准型）和Progressive JPEG（渐进式）。两种格式有相同尺寸以及图像数据，扩展名也是相同的，唯一的区别是二者显示的方式不同。

Baseline JPEG（标准型）直观感觉为：

Progressive JPEG（渐进式）直观感觉为：

 

两种格式区别：

渐进式图片带来的好处是可以让用户在没有下载完图片就可以看到最终图像的大致轮廓，一定程度上可以提升用户体验。

另外渐进式的图片的大小并不会和基本的图片大小相差很多，有时候可能会比基本图片更小。

 

2、生成Progressive JPEG（渐进式）

在photoshop中有“存储为web所用格式”，打开后选择“连续”就是渐进式JPEG。