It isn’t often that new image formats land in browsers. In the early 2000s we had JPEG, GIF, and PNG. The 2010s gave us WebP, which was a modest step up from JPEG. But the 2020s have given us two new image formats that are a big step up from previous formats: AVIF and JPEG XL.

What are the advantage of JPEG XL:

• progressive rendering (the whole image can render step by step)
• excels at lossless imagery and compression improvements

AVIF excels at web-quality photographic images and images with a mix of sharp edges and flat surfaces.