Progressive and Baseline JPEG: How Images Load on Slow Connections
The difference between the two JPEG types, how each appears while loading and when progressive files help.
Have you noticed how some images appear line by line from the top, while others show a blurry version first that sharpens? That comes from two JPEG types.
Baseline JPEG
A baseline JPEG loads from top to bottom. As data arrives, the picture appears in strips, and the rest is blank until it's finished.
- Simple and widely supported.
- Appears bit by bit, so you can't see the whole scene until it's done.
Progressive JPEG
A progressive JPEG stores the image in several passes. The first shows a rough, blurry version of the whole picture, and later passes add detail.
- The whole image is visible early, though blurry.
- It sharpens as more data arrives.
- File sizes are often slightly smaller for larger images.
Comparison
| Feature | Baseline | Progressive |
|---|---|---|
| Loading look | top-to-bottom strips | blurry to sharp |
| Perceived speed on slow links | slower | often better |
| Support | universal | widely supported by modern browsers and apps |
| Decoding effort | lighter | slightly more processing |
When progressive helps
- Web pages viewed on slow or mobile connections.
- Large images, where waiting is noticeable.
For small thumbnails, the difference is negligible.
When baseline is fine
- Small images that load instantly.
- Old software or devices that might not handle progressive files well.
Does it change quality?
No. Both types can have the same visual quality. The difference is in how the data is arranged in the file.
Other ways to help slow connections
- Resize to the display size.
- Compress to a sensible quality.
- Use modern formats such as WebP where supported.
- Avoid uploading full-size originals.
For sharing photos
If you're sending pictures to someone with a slow connection, the biggest gain comes from reducing file size. A smaller picture appears sooner, whichever JPEG type it uses.
In practice
Most people don't need to choose. Some tools and websites use progressive JPEGs automatically. What matters most is the dimensions and quality you pick.
Image Compress & Resize Tool
Compress, resize and crop photos fast, ready to share to WhatsApp or Facebook
More about Image Compress & Resize Tool
Colour Spaces in Plain English: Why sRGB Is the Safe Choice
What a colour space is, why colours can look different on different screens and why sRGB is the safest option for sharing.
Read article →Converting Centimetres and Inches to Pixels for Forms and Prints
How to work out pixel dimensions from physical sizes, with worked examples for photo prints and forms that specify centimetres.
Read article →Image File Names and Organisation for People Who Take Hundreds of Photos
Simple naming and sorting habits so you can find a photo in seconds, whether you have a hundred or a hundred thousand.
Read article →Scanning Documents with Your Phone: Resolution, Lighting and File Size
How to get clear, readable document scans from a phone camera without producing enormous files.
Read article →