skip to content

AVIF Image Format

Google Chrome just added support for the new AVIF image format.

The AVIF Image format is a modern image format based on the AV1 video format. AVIF generally has better compression than WebP, JPEG, PNG and GIF and is designed to supersede them.

My preliminary tests show an easy reduction in size by a factor of 10. Take the following examples:

bruce.jpg (221KB)

Cute pug on couch

bruce.avif (24KB)

Cute pug on couch

Browser support

The AVIF image format is currently only supported by Chrome, but can easily be used with backwards compatible jpgs like so:

<picture>
    <source type="image/avif" srcset="https://triss.dev/examples/bruce.avif">
    <img src="https://triss.dev/examples/bruce.jpg" alt="Cute pug on couch">
</picture>

A modern image format based on the AV1 video format. AVIF generally has better compression than WebP, JPEG, PNG and GIF and is designed to supersede them.