Back to all articles
Technology•8 min read

A Deep Dive into AVIF: The Next-Gen Image Format

Explore AVIF, the royalty-free image format derived from the AV1 video codec that outperforms WebP in compression and quality.

A Deep Dive into AVIF: The Next-Gen Image Format illustration

While WebP is excellent, AVIF is the new frontier. Derived from the AV1 video codec, AVIF provides incredible compression ratios, often halving the size of a comparable WebP file while retaining better visual fidelity.

Browser Support and Fallbacks

Support for AVIF is growing rapidly. However, since older browsers do not support it, you must use the <picture> element to provide fallbacks.

<picture>
  <source srcset="image.avif" type="image/avif">
  <source srcset="image.webp" type="image/webp">
  <img src="image.jpg" alt="Fallback">
</picture>

Ready to optimize your images?

Try OFIC Free