HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

Progressive decoding: JPEG vs JPEG XL vs AVIF

Jon Sneyers1 HN recommender · recommended in 1 month, 2021-2026
YouTube
21K views · 5 years ago · demo · dated

A short side-by-side demo of a large image loading over a slow connection in JPEG, progressive mozjpeg, JPEG XL and AVIF. It shows how each codec renders partial data.

HN uses it as visual evidence that JPEG XL decodes progressively while AVIF shows nothing until fully loaded.

Audio & video engineeringInformation theory & signal processingWeb development#jpegxl#avif#progressivedecoding#imagecompression#webperformance

5 comments from Hacker News

@cubefox2026 · in “Regressive JPEGs”

Progressive decoding isn't expected to speed up decoding, it's expected to speed up displaying large image files, especially for downloads via slow mobile connections. Example: ▶ this video

CitesView on HN
@1497652024 · in “JPEG XL and the Pareto Front”

A couple of videos comparing progressive decoding of jpeg, jxl and avif: ▶ this video link There's more on the same channel, generation loss ones are really interesting.

RecommendsView on HN
@supermatt2023 · in “First automatic JPEG-XL cloud service”

High quality progressive decoding at reduced filesizes is a big positive for me. There is no other format that supports that. ▶ this video

CitesView on HN
@cubefox2023 · in “JPEG XL: How It Started, How It’s Going”

Apart from limited resolution probably the biggest problem with AVIF: It doesn't support progressive decoding. Which could effectively cancel out its smaller file size for any web applications. AVIF only shows when it is 100% finished. See ▶ this video This comparison video is admittedly a little unfair though, because AVIF would have easily 30% lower file size than JPEG XL on ordinary images with medium quality.

CitesView on HN
@twotwotwo2021 · in “JPEG XL”

Some notable features of JPEG XL that don't show up in side-by-sides: 1) Progressive decoding. Like the original .jpg, .jxl can give you a low-quality image when a fraction of the file is loaded, then a decent-quality image, then the final image. This can give JPEG XL the edge in perceived load speed even when the full .avif is smaller than the full .jxl. (Old demo from a JXL contributor at ▶ this video ) 2) Fast conversion: JPEG XL encoding/decoding is fast without dedicated hardware. Facebook found encode/decode speed and progressive decoding to be points in favor of JPEG XL for their use: link 3) .jpg repacking: JPEG XL can pack a JPEG1 about 20% smaller without any additional loss; the original .jpg file can be recovered bit-for-bit. 4) Lossless mode. JXL's lossless mode is the successor to FLIF/FUIF, is really good, and also has progressive decoding. AVIF has a lossless mode too, but JPEG XL seems ahead here. (I know the parent comment is from a JXL contributor, I'm saying this for other folks.) I think those will give JPEG XL a niche on the Web. Meanwhile I suspect e.g. Android phone cameras will save .avif someday, like iPhones save .heic now. Phones want the encode hardware anyway for video, and you can crunch a zillion megapixels down to a smaller file with AVIF before attention-grabbing artifacts crop up--at low bitrates AVIF seems good at preserving sharp lines and mostly blurring low-contrast details (compare Tiny images). Finally, worth noting the codecs are differe

CitesView on HN
JPEG DCT, Discrete Cosine Transform (JPEG Pt2)- Computerphile15:12

JPEG DCT, Discrete Cosine Transform (JPEG Pt2)- Computerphile

Computerphile
697K views • 11 years ago
Do I look like I know what a JPEG is?0:06

Do I look like I know what a JPEG is?

BobRobster
8.5M views • 13 years ago
VIDEO ROOM 1000 COMPLETE MIX -- All 1000 videos seen in sequential order!2:51

VIDEO ROOM 1000 COMPLETE MIX -- All 1000 videos seen in sequential order!

ontologist
2.4M views • 16 years ago
Progressive Performance (Chrome Dev Summit 2016)35:42

Progressive Performance (Chrome Dev Summit 2016)

Chrome for Developers
34K views • 9 years ago
Chrome vs Firefox vs Safari vs Servo WebRender0:14

Chrome vs Firefox vs Safari vs Servo WebRender

Jake Archibald
121K views • 10 years ago
Halide Talk25:52

Halide Talk

Andrew Adams
53K views • 12 years ago
Samplerates: The Higher the Better, Right?29:22

Samplerates: The Higher the Better, Right?

FabFilter
571K views • 6 years ago
Why Snow and Confetti Ruin YouTube Video Quality4:20

Why Snow and Confetti Ruin YouTube Video Quality

Tom Scott
10.4M views • 10 years ago
D/A and A/D | Digital Show and Tell (Monty Montgomery @ xiph.org)23:53

D/A and A/D | Digital Show and Tell (Monty Montgomery @ xiph.org)

FL Studio
647K views • 13 years ago
puls (256 bytes)0:43

puls (256 bytes)

JanRrrolaKadlec
36K views • 17 years ago
HOW TO DATAMOSH: PART 19:40

HOW TO DATAMOSH: PART 1

datamosher
433K views • 17 years ago
!!Con 2017: HDR Photography in Microsoft Excel?! by Kevin Chen11:47

!!Con 2017: HDR Photography in Microsoft Excel?! by Kevin Chen

Confreaks
119K views • 9 years ago
Movie reconstruction from human brain activity0:29

Movie reconstruction from human brain activity

Jack Gallant
6.7M views • 15 years ago
High Performance Web Sites and YSlow1:00:34

High Performance Web Sites and YSlow

Google TechTalks
90K views • 18 years ago
A 10x faster TypeScript13:45

A 10x faster TypeScript

Microsoft Developer
608K views • 1 year ago
Hartverdrahtet - Akronyme Analogiker | 4k Revision 20123:05

Hartverdrahtet - Akronyme Analogiker | 4k Revision 2012

Demoscene High-Quality Videos (Annikras)
340K views • 14 years ago
Breaking the 1000ms Time to Glass Mobile Barrier45:49

Breaking the 1000ms Time to Glass Mobile Barrier

InfoQ
104K views • 13 years ago
The Fast Fourier Transform (FFT): Most Ingenious Algorithm Ever?28:23

The Fast Fourier Transform (FFT): Most Ingenious Algorithm Ever?

Reducible
2.3M views • 5 years ago
I published music on Tidal to test MQA - MQA Review38:01

I published music on Tidal to test MQA - MQA Review

GoldenSound
610K views • 5 years ago
Data-Oriented Demo: SOA, composition1:32:47

Data-Oriented Demo: SOA, composition

Jonathan Blow
201K views • 11 years ago