AVIF vs JPEG

📅   ⌚ 2 minutes  

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

💬 Find out file size difference, compatibility, & more

💬 Latest performance testing results taken in January 2021

JPEG

JPEG/JPG is an image file format and an abbreviation of Joint Photographic Expert Group image. It is one of the oldest and most common image file formats on the web.

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.

AVIF vs JPEG File Sizes

Using our usual sample image let's see how the image file size compares.

File formatCompressionFile size
JPEGNone374.6kb
JPEGLossy112.9kb
JPEGLossless326.0kb
AVIF - Converted from uncompressed JPEGLossy26.6kb
AVIF - Converted from lossy compressed JPEGLossy25.5kb

The image file size difference between the uncompressed JPEG and the AVIF file is 93%.

The data tells us that there is a small additional file saving to be gained from converting a compressed JPEG to AVIF, versus an uncompressed JPEG to AVIF.

AVIF vs JPEG Support

JPEG has full browser support, having been on the web since 1992. AVIF is a new image file format, and this means that it does not yet have full support on all major modern browsers.

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

AVIF vs JPEG Features

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

As well as offering great compression the AVIF file format's features allow it to maintain the quality of image files better than JPEG at a similar filesize.

JPEG Features:

  • ICC Profile
  • Exif Metadata
  • Compression

Conclusion

AVIF is a superior image file format than JPEG/JPG. As of the time of writing however, browser support is patchy at best. Providing fallbacks in the code can allow you to use AVIF alongside image formats such as JPEG, WebP, PNG, etc.