Jake Archibald

JPEG XL vs AVIF for web use-cases

https://jakearchibald.com/2026/jpeg-xl-vs-avif/

I'll go into full detail, with examples and benchmarks, but for those of you who don't have the time, here are [2 of] the headlines:

• For lossy photos on the web, AVIF almost always produces smaller files than JPEG XL.
• […]
• For lossless, JPEG XL is the clear winner.

Jake provides extremely detailed information, with a wealth of tests covering the JPEG XL and AVIF formats, various encoders and numerous use cases; it’s impressive and very useful.

• Older: The AI Photoshop clones: interface mockups that don’t work

Related contents with similar topics

1. 

   Gianni Rosato

   The case against JPEG XL

   • Nicolas Hoizey
   • 14 September 2026
   • WebPerf, image, JPEG XL, AVIF
   • 7 reactions

   JPEG XL isn't useless; it is genuinely compelling technology for use cases beyond the Web. I'm just not personally convinced we need it in browsers…

2. 

   Jake Archibald

   The present and potential future of progressive image rendering

   • Nicolas Hoizey
   • 16 October 2025
   • image, WebPerf
   • 4 reactions

   So if the browser manages to download 6 kB then stalls, then AVIF can produce a better result. But since the AVIF rendering is only two-pass, if the…

3. 

   kliksphilip

   JPEG VS AVIF - The Battle of Compression

   • Nicolas Hoizey
   • 25 September 2024
   • image, WebPerf, AVIF, JPEG XL
   • 2 reactions

   In this super thorough study I test one single HD image and come to vast sweeping conclusions about JPEG XL and AVIF. But that's still one image comparison…

4. 

   Jeremy Gray

   Why Apple Uses JPEG XL in the iPhone 16 and What it Means for Your Photos

   • Nicolas Hoizey
   • 20 September 2024
   • JPEG XL, photography, image
   • 3 reactions

   For iPhone photographers, the benefits far outweigh the potential downsides. There’s little doubt that JPEG XL is an excellent image format that offers…

5. Note from 24 April 2024

   • Nicolas Hoizey
   • 24 April 2024
   • image, JPEG XL, Lighthouse, photography, WebPerf
   • 3 reactions

   Should I please Lighthouse with modern image formats, or my visitors with progressive rendering of large images in my photography site? 🤔

   

   Of course, this would be much easier with genaralized JPEG XL support, both modern and allowing progressive… 🤷‍♂️