For over two decades, JPG has been the default choice - but now, various alternatives and rivals are appearing that can compete with JPG as the default image codec. Interestingly, the latest next-generation image codec receiving a lot of positive attention is known as AVIF.
AVIF (AV1 Still Image File Format) is an image file format derived from the AV1 video format developed by the Alliance for Open Media and used primarily in browsers such as Google Chrome and Mozilla Firefox. It is based on the AV1 video codec and is widely used by media giants such as Netflix. AVIF provides crisp, impressively detailed images while reducing the payload in the background.
Although JPEG was once the default choice for almost all types of images, it has several limitations that can minimize its usefulness. For example, JPG lacks alpha transparency support- a big problem for a large number of users. In addition, the 8-bit limit means that it may have difficulty creating HDR-friendly images with high dynamic range while at the same time limiting the quality of compression.
However, if you want better results, many codecs offer a more satisfactory, crisper result. For example, lossless compression and lossy photo compression are much more efficient when using AVIF. AVIF tends to provide some of the best results we can achieve with lossy, non-photographic images.
For those who are dealing with an image with low fidelity, AVIF is currently the first choice. Crucially, AVIF can also offer a substantial reduction of an image. File reduction is essential for faster loading times. As AVIF can perform reductions of 40% to 90%, one can see a huge difference. It comes to JPEG imagery and then around 20% savings when compared to WebP. It’s easy to see why AVIF wins the prize regarding image size to image quality.
There are also limitations when comparing AVIF with JPEG. For example, JPEG is limited to using an 8-bit color precision system, which means that in the era of HDR, JPEG cannot achieve the same color quality of color. HDR today expects higher accuracy, with at least 10-bit precision. AVIF can guarantee this 10-bit accuracy and can also process HDR / Wide Gamut images. It also has a maximum number of five channels higher than the four channels allowed by JPEG.
Another critical aspect of the JPEG-vs-AVIF discussion is about artifacts. Today, many image types use a kind of tile boundary to try to split an image to make sure it fits into the maximum size provided. Dimensions per tile can typically leave traces that blur parts of the image or show clear connection lines. Since AVIFs can capture an image/video image the size of an 8K video, its use in modern photos is apparent.
Tit should be noted that AVIF currently has extremely slow encoding times. This should change over time; AVIF is still relatively new, so hardware support is still arriving. Expect an improvement in encoding times.
Furthermore, AVIF does not support progressive rendering, so files must be downloaded entirely before they can be displayed. Often, this has little impact on the real-world user experience, as AVIF files are much smaller than the corresponding JPEG or PNG files, and therefore can be downloaded and displayed much faster. For larger file sizes, the impact can be significant, and you should consider using a format that supports progressive rendering.
- ✓Any color space including wide color gamut, ISO/IEC-CICP, and ICC
- ✓NCLX support: sRGB, linear sRGB, linear Rec2020, etc.
- ✓4: 2: 0, 4: 2: 2, 4: 4: 4 chroma subsampling
- ✓8, 10, 12-bit color depth
- ✓High dynamic range
- ✓Lossless compression and lossy compression
- ✓Excellent lossy compression compared to JPG
- ✓No progressive decoding, one of the few advantages of JPEG
- ✓Monochrome support
- ✓Tiling support
- ✓Film grain support
- ✓Supports animations that JPEG cannot do
- ✓Provides the ability to use alpha transparency
- ✓Can use overlays, another feature that JPEG cannot handle
The ability to use overlays is a significant advantage of AVIF over JPEG. You can use functions such as additional layers, color channels, and masking without any problems. JPEG, on the other hand, can only be saved with an intact layer.
- ✓higher image quality.
- ✓lower image size.
- ✓slower processing time, expected to improve over the years.
- ✓less, but still relatively high browser support.
So while JPEG might have the advantage of progressive rendering – it would be fair to say that AVIF has all the features that JPEG lacks and frankly needs. AVIF is a superior image file format over JPEG / JPG. However, hardware and software support is still evolving at the time of writing. Fallbacks in the code can allow you to use AVIF alongside image formats such as JPEG, WebP, PNG, etc.
There is still much to consider regarding both image types. At the moment, AVIF has the best chance of still being available in a decade compared to JPEG. Although JPEG may be the old pioneer of image codecs, it may finally replace it.
- caniuse.com · avif
- cloudinary.com (..) ecs_to_dethrone_jpeg
- css-tricks.com (..) idnt-know-about-avif
- ctrl.blog (..) avif-comparison.html
- developer.mozilla.org (..) efault_Accept_values
- developers.google.com (..) · docs · riff_container
- developers.google.com · speed · webp
- en.wikipedia.org (..) i · Chroma_subsampling
- en.wikipedia.org · wiki · VP8
- fronius.me (..) s-jpg-webp-avif.html
- github.com (..) mpression_comparison
- github.com · AOMediaCodec · libavif
- netflixtechblog.com (..) e-coding-b1d75675fe4
- reachlightspeed.com (..) mat-on-the-web-today
- sittingdev.com · blog · avif-vs-jpeg
Related search terms
- does avif support transparency
- does jpeg need replacing and is av1 image file format is our best option?
- how do image formats derived from video codecs differ from jpeg?
- how to compare image codecs?
- is avif the champion?
- is avif the future of image formats?
- is avif worth an investment from you as a developer?
- which browsers will support avif
- why is avif better than jpg?