Progressive JPEG (Progressive JPEG) to improve user experience.

Progressive JPEG (Progressive JPEG) to improve user experience.

1. Overview

Jpg format:Baseline JPEG (standard) and Progressive JPEG (Progressive). The two formats have the same size and image data, and their extensions are the same. The only difference is that they are displayed differently.

Baseline JPEG (standard:

Progressive JPEG:

 

Two formatsDifferences:

What are the benefits of progressive images?You can see the outline of the final image without downloading the image.To improve the user experience.

In addition, the size of the progressive image is not much different from that of the basic image, and sometimes it may be smaller than the basic image.

 

2. generate Progressive JPEG (Progressive)

In photoshop, there is "storage for web format". open the file and select"Continuous"Is progressive JPEG.