This technology is a good example of how modern image formats (AVIF or WebP) can improve compression by up to 50% and provide better quality per-byte, while still looking attractive.
AVIF is a solid choice if you need lossy, low-fidelity compression. Assuming encode/decode speed meets your needs.
,We recently got webp. Why do we need another?
When you want to use images on your website, you have a few options. You can choose from GIF, JPG or PNG. Unlike formats such as JPEG or GIF that are specific to just one program or operating system, there are several image formats available – and each format offers different capabilities. Adobe Photoshop has over a hundred options when it comes to exporting images.
All files are lossy by default, but you can view them as lossless through the “Lossless” or “Meta data” options. Keep in mind that some tests have shown that AVIF provides a 50% savings in file size compared to JPEG with similar perceptual quality. Note that there may be cases where WebP lossless may be better than AVIF lossless, so be sure to evaluate manually.