Обзор формата изображений AVIF

AVIF (AV1 Still Image File Format) стал использоваться зимой 2019 года одновременно с открытым видеокодеком AOMedia Video 1 (AV1), предназначенным для потокового интернет-видео. Собственно, AVIF использует сжатие на основе библиотеки этого кодека. Он хранит данные файлов в формате HEIF и сжимает последовательности изображений с помощью AV1.

Одной из первых компаний, использующих AVIF, стала Netflix. После нее этот формат стали поддерживать браузеры Chrome и Firefox, а также разработки таких компаний, как VLC и Microsoft.

Преимущества AV1:

AVIF предлагает значительное уменьшение размера изображения. Экономия достигает ~50% с JPEG и ~20% с WebP.
В среднем AVIF сжимает большую часть изображений лучше, но иногда может проиграть JPG.

Как внедрить AVIF на ваш сайт? Внедрять AVIF на сервер желательно прогрессивным методом. Т.е. если браузер поддерживает AVIF, то будет показываться AVIF. Если этот формат не поддерживается, то подключается WebP. Если не поддерживается ни то, ни другое, выводится «стандартный» JPG.

Netflix действительно права, называя AVIF лучшим форматом сжатия среди WebP, JPG и PNG. Если использовать разрешение .avif, то файлы будут в два раза меньше JPG и на 30% меньше WebP. Тем не менее следует быть осторожными с большими файлами и с тем, что этот формат до сих пор поддерживается не всеми браузерами.