WebP vs AVIF

📅   ⌚ 2 minutes  

Want to see how the WebP format compares to AVIF? Check out the latest results from our performance testing.

WebP

WebP is an image file format and an abbreviation of Web Picture format. It was released in 2010 and is developed by Google.

AVIF

AVIF (AV1 Still Image File Format) is an image file format based on AV1. The specification for version 1.0.0 was finalized in 2019.

WebP vs AVIF File Sizes

From JPEG -

We have converted both the AVIF and WebP file from our usual sample JPEG file in uncompressed JPEG form.

File formatCompressionFile size
JPEGUncompressed374.6kb
WebPLossy33.9kb
AVIFLossy26.6kb

There is a noticeable difference between WebP and AVIF - AVIF saving another 7.3kb in total.

From PNG -

We have converted both the AVIF and WebP file from our usual sample PNG file in uncompressed PNG form.

File formatCompressionFile size
PNGUncompressed77.2kb
WebPLossy18.6kb
AVIFLossy13.3kb

Once again, AVIF outperforms WebP with the same lossy compression settings when converting our file - with a 5.3kb reduction.

WebP vs AVIF Support

It took 10 years for WebP to receive full browser support from all the major browsers. The last holdout, Safari, announcing support in 2020. AVIF does not yet have full-support, but it is on track to receive full-support in just the next few years.

You can check the current browser support status of AVIF here - https://caniuse.com/avif

WebP vs AVIF Features

WebP Features:

  • Animation
  • ICC Profile
  • XMP
  • Exif Metadata
  • Tiling
  • Compression

AVIF Features:

  • 8, 10, 12 bit color depth
  • ISO/IEC CICP and ICC profiles
  • 4:2:0, 4:2:2, 4:4:4 chroma subsampling
  • High dynamic range
  • Compression

Conclusion

AVIF is the long-term replacement for image file formats such as WebP, JPEG, PNG, and more. While it does not yet have full support, once it does the ease-of-use and superior file savings look set to position it as the king of the image formats.