Полное руководство по формату AVIF: стандарт сжатия изображений следующего поколения

Главный вывод: AVIF — это формат изображений следующего поколения, основанный на видеокодеке AV1, на 50% меньше JPEG и на 20% меньше WebP, при этом поддерживающий сжатие без потерь, HDR, широкий цветовой охват и альфа-каналы. Взяв для примера фотографию 1920×1080: JPEG с качеством 85 занимает около 420 КБ, тогда как AVIF при аналогичном качестве — лишь 210 КБ. AVIF использует технологию внутрикадрового кодирования AV1 (блочное предсказание + трансформатное кодирование + кольцевая фильтрация), и его эффективность сжатия значительно превосходит DCT в JPEG. По состоянию на 2026 год Chrome, Firefox, Safari и Edge уже имеют встроенную поддержку AVIF, а глобальное покрытие браузеров составляет около 96%. Ниже мы начнём с технических принципов и представим сравнение четырёх форматов и руководство по миграции.

Если вы ещё не знакомы со сравнением веб-форматов изображений, рекомендуем сначала прочитатьWebP vs PNG vs JPG: какой веб-формат изображений выбрать?。

1. Что такое AVIF

AVIF (AV1 Image File Format) — это формат изображений, выпущенный Alliance for Open Media (AOMedia) в 2019 году, основанный на технологии внутрикадрового кодирования видеокодека AV1. Сам AV1 — это открытый и свободный от лицензионных отчислений стандарт кодирования, разработанный для видео следующего поколения (8K/120fps), и его инструменты внутрикадрового кодирования в равной степени применимы к сжатию статических изображений. AVIF инкапсулирует внутрикадровое кодирование AV1 в самостоятельный контейнер изображений.

Характеристика	AVIF	WebP	JPEG	PNG
Год выпуска	2019	2010	1992	1996
Базовый кодек	AV1 intra	VP8 intra	DCT	DEFLATE
Сжатие с потерями	Поддерживается	Поддерживается	Поддерживается	Не поддерживается
Сжатие без потерь	Поддерживается	Поддерживается	Не поддерживается	Поддерживается
Альфа-канал	Поддерживается	Поддерживается	Не поддерживается	Поддерживается
HDR / широкий охват	Поддерживается (12 бит)	Не поддерживается (8 бит)	Не поддерживается (8 бит)	Не поддерживается (8/16 бит)
Поддержка анимации	Поддерживается	Поддерживается	Не поддерживается	Расширение APNG
Лицензия	Бесплатно, открытый код	Бесплатно, открытый код	Бесплатно	Бесплатно

Ключевые преимущества AVIF перед предыдущим поколением WebP: поддержка 12-битной глубины цвета и HDR (расширенного динамического диапазона), тогда как WebP поддерживает лишь 8-битный SDR; более высокая степень сжатия (на 10%–30% меньше при том же качестве); более богатый набор инструментов кодирования (направленное предсказание, более гибкое блочное разбиение). Цена — более медленное кодирование: AVIF занимает примерно в 3–5 раз больше времени, чем WebP.

2. Подробное описание технических принципов AVIF

Конвейер сжатия AVIF состоит из трёх ключевых этапов: блочное предсказание, трансформатное кодирование и кольцевая фильтрация. Каждый этап наследует передовые инструменты видеокодека AV1 — это фундаментальная причина, по которой эффективность сжатия AVIF значительно превосходит JPEG.

1. Блочное предсказание

AV1 разбивает изображение на кодирующие блоки (максимум 128×128), каждый из которых рекурсивно может разбиваться на более мелкие подблоки (минимум 4×4), адаптивно выбирая схему разбиения в зависимости от содержимого изображения. Предсказательное кодирование использует уже восстановленные пиксели для предсказания текущего блока, кодируя только остаток (разницу между фактическим и предсказанным значением).

Тип предсказания	Принцип	Область применения	vs JPEG
Внутрикадровое предсказание	Предсказание по соседним закодированным пикселям	Гладкие области/градиенты	JPEG не использует предсказание, кодирует всё целиком
Направленное предсказание	56 углов направленного предсказания	Направления краёв/текстуры	JPEG не имеет направленного предсказания
Палитровое предсказание	Индексация по цветовой палитре	Текст/иконки/анимация	JPEG не имеет такого инструмента
Копирование блоков	Копирование других областей изображения	Повторяющиеся текстуры	JPEG не имеет такого инструмента

2. Трансформатное кодирование

Остаток после предсказания преобразуется из пространственной области в частотную с помощью трансформатного кодирования, сжимаясь путём квантования высокочастотных коэффициентов. AV1 поддерживает несколько типов преобразований — это гораздо гибче, чем единственное DCT в JPEG.

Тип преобразования	Размер блока	Сценарий применения	Преимущество
DCT	от 4×4 до 64×64	Универсальный	Классическое преобразование, концентрация энергии
ADST (асимметричное дискретное синусоидальное преобразование)	от 4×4 до 32×32	Направленные края	Лучше работает с краевыми остатками
Тождественное преобразование	от 4×4 до 32×32	Без потерь / с низкими потерями	Пропуск преобразования, прямое квантование
Рекурсивное преобразование	Комбинированное	Сложные текстуры	Двухуровневое преобразование улучшает концентрацию энергии

3. Кольцевая фильтрация

В восстановленном после квантования изображении возникают блочные и звенящие артефакты, которые AV1 устраняет с помощью многоуровневой кольцевой фильтрации. Это ключевая причина, по которой качество AVIF при низких битрейтах заметно выше, чем у JPEG.

Этап фильтрации	Назначение	Порядок обработки	Эффект
CDEF (направленный деблокирующий фильтр)	Удаление артефактов на границах блоков	Уровень 1	Сглаживание границ блоков
LR (фильтр кольцевого восстановления)	Винеровский / самонаправляемый фильтр	Уровень 2	Восстановление деталей текстуры
Реконструкция со сверхвысоким разрешением	Восстановление из кадров с низким разрешением	Уровень 3	Улучшение высокочастотных деталей

Об общей схеме сжатия изображений можно прочитать в статьеРуководство по сжатию изображений: сравнение форматов JPG/PNG/WebP。

3. Практический кейс: сравнение четырёх форматов

Сравним AVIF, WebP, JPEG и PNG на одной и той же тестовой картинке по объёму, качеству и времени кодирования. Тестовый образец: фотография природного пейзажа 1920×1080, 24-битный истинный цвет, исходный BMP около 5,93 МБ.

Характеристики изображения: 1920×1080, 24-битный цвет, с градиентами неба, текстурами листвы и краями зданий, исходный BMP 5,93 МБ.

Сравнение объёма и качества (целевой SSIM 0,92):

Формат	Параметры	Размер файла	vs исходный	Качество SSIM	vs JPEG
PNG (без потерь)	DEFLATE максимум	4,82 МБ	-18,7%	1,000	+938%
JPEG	Качество 85	420 КБ	-92,9%	0,921	Базовый
WebP	Качество 80	298 КБ	-95,0%	0,923	-29,0%
AVIF	Качество 55 (CRF)	210 КБ	-96,5%	0,925	-50,0%

Результат: при аналогичном качестве (SSIM 0,92+) AVIF занимает лишь 210 КБ — на 50% меньше JPEG и на 29,5% меньше WebP. PNG без потерь даёт наилучшее качество, но самый большой размер (4,82 МБ), поэтому не подходит для фото. AVIF особенно выделяется в областях текстуры листвы и градиентов неба: JPEG при низких битрейтах даёт заметные цветовые блоки, тогда как AVIF практически не имеет видимых артефактов.

Сравнение времени кодирования:

Формат	Время кодирования	Время декодирования	Оценка скорости	Сценарий использования
JPEG	18 мс	8 мс	Очень быстро	Кодирование в реальном времени
WebP	65 мс	15 мс	Быстро	Веб в реальном времени
AVIF	280 мс	22 мс	Медленно (кодирование) / Быстро (декодирование)	Предварительная генерация
PNG	120 мс	12 мс	Средне	Сценарии без потерь

Время кодирования AVIF в 15 раз больше, чем у JPEG, и в 4 раза больше, чем у WebP, поскольку блочное предсказание и выбор преобразований в AV1 требуют большого объёма вычислений по оптимизации скорость-искажение. Однако декодирование AVIF лишь вдвое медленнее JPEG — влияние на работу в браузере минимально. Рекомендуется предварительно генерировать изображения AVIF на стороне сервера (кодировать на этапе сборки), а не в реальном времени.

4. Совместимость с браузерами и стратегия миграции

Совместимость AVIF с браузерами в основном созрела после 2023 года, но для старых браузеров всё ещё нужны резервные решения. В таблице ниже перечислена поддержка основными браузерами.

Браузер	Поддерживаемая версия	Дата выпуска	Мировая доля	Статус поддержки
Chrome	85+	Сентябрь 2020	65%	Встроенная поддержка
Safari	16.4+	Март 2023	18%	Встроенная поддержка
Edge	92+	2021	5%	Встроенная поддержка
Firefox	93+	Октябрь 2021	3%	Встроенная поддержка
Opera	71+	2020	2%	Встроенная поддержка
IE	Не поддерживается	—	<1%	Нужен резервный вариант

Глобальная поддержка AVIF браузерами составляет около 96%: не поддерживают только IE и совсем старые версии браузеров. В качестве стратегии миграции рекомендуется использовать тег picture в HTML5 для прогрессивного улучшения.

Стратегия миграции	Реализация	Совместимость	Стоимость сопровождения	Рекомендация
Тег picture	Несколько форматов в source + резервный img	100%	Низкая	★★★★★
Только AVIF	Прямое использование AVIF	96%	Очень низкая	★★★☆☆
Согласование по Accept-заголовку	Сервер возвращает формат по Accept	100%	Средняя	★★★★☆
Только JPEG	Без миграции	100%	Очень низкая	★☆☆☆☆

Рекомендуемый синтаксис тега picture:

<picture><source srcset="photo.avif" type="image/avif"><source srcset="photo.webp" type="image/webp"><img src="photo.jpg" alt="пейзаж"></picture>

Браузер выбирает первый поддерживаемый формат по приоритету: если поддерживается AVIF — использует AVIF (наименьший размер), иначе пробует WebP, и в последнюю очередь возвращается к JPEG. Так вы получаете преимущества сжатия AVIF и одновременно гарантируете корректное отображение в старых браузерах. Полное руководство по оптимизации веб-изображений см. в статьеОптимизация веб-изображений: практические приёмы повышения производительности на 50%。

5. Рекомендации по выбору формата для разных сценариев

AVIF — отличный формат, но не универсальный. Выбор формата изображения для конкретного сценария требует комплексного учёта степени сжатия, совместимости, скорости кодирования и функциональных требований.

Сценарий	Рекомендуемый формат	Причина	Сравнение размера
Карточки товаров в e-commerce	AVIF (основной) + JPEG (резервный)	Максимальное сжатие, быстрая загрузка	JPEG 420 КБ → AVIF 210 КБ
Новости и медиа	WebP (основной) + JPEG (резервный)	Быстрое кодирование, хорошая совместимость	JPEG 420 КБ → WebP 298 КБ
HDR-фотография	AVIF	Единственный мейнстримный формат с 12-битным HDR	HDR без потерь доступен только в AVIF
UI-иконки/скриншоты	PNG	Требование отсутствия потерь, чёткие края	Не влияет на размер
Социальные сети	AVIF или WebP	Малый размер, быстрый шаринг	Подходит любой из двух
Вставка в email	JPEG	Приоритет совместимости с почтовыми клиентами	AVIF не рекомендуется (плохая совместимость)
Обложки видео	AVIF	Естественная пара с видеокодеком AV1	На 50% меньше JPEG
Генерация в реальном времени (CAPTCHA и т.п.)	JPEG	Приоритет скорости кодирования	18 мс против 280 мс у AVIF

Общий принцип: для предварительно генерируемого статического контента выбирайте AVIF (оптимальный размер), для генерации в реальном времени — JPEG/WebP (приоритет скорости), при требовании сжатия без потерь — PNG, для HDR-контента — AVIF (единственный вариант). SmartSlim при пакетной конвертации может автоматически генерировать несколько форматов (AVIF+WebP+JPEG), покрывая одной операцией все сценарии совместимости.

6. Часто задаваемые вопросы (FAQ)

В1: Что такое формат AVIF?

AVIF (AV1 Image File Format) — это формат изображений, основанный на видеокодеке AV1, выпущенный Alliance for Open Media (AOMedia) в 2019 году. AVIF использует технологию внутрикадрового кодирования AV1 для сжатия статических изображений, обеспечивая размер на 50% меньше JPEG и на 20% меньше WebP, при этом поддерживая сжатие без потерь, HDR, широкий цветовой охват и альфа-каналы. AVIF — это открытый и свободный от лицензионных отчислений стандарт сжатия изображений следующего поколения, уже имеющий встроенную поддержку в Chrome, Firefox и других основных браузерах.

В2: Насколько AVIF меньше JPEG?

При одинаковом качестве (SSIM 0,9+) AVIF примерно на 50% меньше JPEG. Например, фотография 1920×1080: JPEG с качеством 85 — около 420 КБ, AVIF при том же качестве — около 210 КБ. По сравнению с WebP, AVIF при среднем качестве меньше примерно на 20%, а при высоком качестве преимущество становится ещё заметнее (более 30%). Преимущество сжатия AVIF обусловлено более совершенными инструментами предсказательного и трансформатного кодирования AV1, особенно в областях со сложной текстурой.

В3: Какова совместимость AVIF с браузерами?

По состоянию на 2026 год AVIF поддерживается всеми основными браузерами: Chrome 85+ (сентябрь 2020 г.), Firefox 93+ (октябрь 2021 г.), Edge 92+ (2021 г.), Safari 16.4+ (март 2023 г.). Глобальная поддержка браузерами составляет около 96%. Старые браузеры, не поддерживающие AVIF, могут получать JPEG/WebP через тег picture в качестве резерва. Рекомендуется использовать конструкцию <picture><source srcset='img.avif' type='image/avif'><img src='img.jpg'></picture> для прогрессивного улучшения.

В4: Какой формат лучше — AVIF или WebP?

В целом AVIF превосходит WebP. Степень сжатия: AVIF на 10%–30% меньше WebP; функциональность: AVIF поддерживает HDR и 12-битную глубину цвета, тогда как WebP поддерживает только 8-битный SDR; скорость кодирования: WebP быстрее AVIF (кодирование AVIF медленнее); совместимость: WebP поддерживается примерно 98% браузеров, AVIF — около 96%. Если важна максимальная степень сжатия и поддержка HDR — выбирайте AVIF, если важна скорость кодирования и широкая совместимость — выбирайте WebP. Рекомендуется использовать тег picture, предоставляя оба формата одновременно.

Заключение

AVIF — это стандарт сжатия изображений следующего поколения, основанный на внутрикадровом кодировании AV1, обеспечивающий размер на 50% меньше JPEG и на 20% меньше WebP, а также поддерживающий HDR, 12-битную глубину цвета и альфа-каналы. Его техническое превосходство определяется блочным предсказанием (56 направлений), множеством типов трансформатного кодирования (DCT/ADST/тождественное) и многоуровневой кольцевой фильтрацией (CDEF+LR). Цена — более медленное кодирование (примерно в 4 раза дольше, чем у WebP), поэтому он лучше подходит для предварительной генерации, чем для кодирования в реальном времени.

В качестве стратегии миграции рекомендуется мультиформатный подход с тегом picture: AVIF в первую очередь, WebP вторым, JPEG в качестве резерва — это обеспечивает баланс степени сжатия и 100% совместимости. Запомните три момента: во-первых, AVIF кодируется медленно, но декодируется быстро — лучше всего подходит для предварительной генерации на сервере; во-вторых, для HDR-контента подходит только AVIF (WebP/JPEG не поддерживают HDR); в-третьих, используйте тег picture для одновременной выдачи всех трёх форматов, позволяя браузеру автоматически выбрать оптимальный.