AVIF, stands for AV Image Format, is an extraction from the keyframes of the now popular video format AV1 developed by Alliance for Open Media (AOM).
AOM developed AVIF with the goal of providing royalty-free images with better compression efficiency and more feature support compared to the existing image formats.
AVIF now has backers from big companies like Google, Netflix, and Apple.
Why is AVIF Better?
Following its predecessors (WebP, JPEG-XR, JPEG2000, and PNG, GIF) AVIF is compatible with high-dynamic-range imaging. It supports 10- and 12-bit color at full resolution, resulting in images that are up to 10 times smaller than other known formats.
AVIF is a good choice for web developers because:
It is royalty-free, so you can use it for free without worrying about licensing.
It is currently backed by many big players in tech like Google, Amazon, Netflix, Microsoft, and more.
It has the most optimal compression.
It has more modern features packed in like transparency, HDR, wide colour gamut, and more.
How to Start Using AVIF Images?
Now we get to the fun section of this tutorial. There are two major ways you can start using AVIF images:
One is by converting your old images to AVIF.
The other is by creating AVIF images using AVIF-supported image editors.