Progressive decoding: JPEG vs JPEG XL vs AVIF
Jon Sneyers1 HN recommender · recommended in 1 month, 2021–2026
demo · intermediate · 2021–2026 on HN
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.
Up next
13 mo on HND/A and A/D | Digital Show and Tell (Monty Montgomery @ xiph.org)
FL Studio
15 HN recommender · 2017–2026
7 mo on HNThe world's worst video card?
Ben Eater
8 HN recommender · 2019–2024
6 mo on HNFloyd Toole - Sound reproduction – art and science/opinions and facts
CIRMMT
4 HN recommender · 2019–2026
5 mo on HNMiniDisc - An Appreciation
Techmoan
5 HN recommender · 2019–2023
5 mo on HNCassettes - better than you don't remember
Techmoan
5 HN recommender · 2016–2025
4 mo on HNWhy is TV 29.97 frames per second?
Stand-up Maths
4 HN recommender · 2016–2025
4 mo on HNE-paper hacking: fastest possible refresh rate
Applied Science
4 HN recommender · 2018–2021
4 mo on HNAtari's Quadrascan Explained
Retro Game Mechanics Explained
3 HN recommender · 2021–2026
3 mo on HNCD / Color
Captain Disillusion
3 HN recommender · 2020–2021
4 mo on HNVirtual Barber Shop (Audio...use headphones, close ur eyes)
LovelyVirus
4 HN recommender · 2013–2024
3 mo on HNSegmented Displays
Posy
3 HN recommender · 2023–2026
4 mo on HNStar Trek TNG Ambient Engine Noise (Idling for 24 hrs)
crysknife007
4 HN recommender · 2012–2018
5 comments from Hacker News
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.
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
High quality progressive decoding at reduced filesizes is a big positive for me. There is no other format that supports that. ▶ this video
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.
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