На протяжении нескольких лет WebP утверждался как эталонный формат изображений для веба, постепенно вытесняя JPEG и PNG. Но появился новый претендент: AVIF. Более сжатый, более точный и теперь поддерживаемый всеми современными браузерами, AVIF утверждается в 2026 году как наиболее эффективный формат изображений для веба. Вот что он собой представляет, чем отличается от WebP и когда его следует применять.
Что такое формат AVIF?
AVIF (AV1 Image File Format) — это формат изображений, производный от видеокодека AV1, разработанного Alliance for Open Media — консорциумом, включающим Google, Apple, Mozilla, Netflix, Amazon, Microsoft и Intel. Он был официально запущен в 2019 году и достиг достаточной зрелости для широкого веб-внедрения с 2022-2023 годов.
В отличие от JPEG или PNG, основанных на алгоритмах сжатия нескольких десятилетий давности, AVIF использует самые современные технологии видеосжатия для кодирования неподвижных изображений. Результат впечатляет: при эквивалентном визуальном качестве файл AVIF значительно меньше, чем JPEG или WebP.
AVIF против WebP против JPEG: ключевые различия
Чтобы понять, почему AVIF побеждает, вот прямое сравнение трёх форматов по критериям, важным для веба:
| Критерий | JPEG | WebP | AVIF |
|---|---|---|---|
| Сжатие (то же качество) | Эталон | −25–35 % | −40–55 % |
| Прозрачность (альфа) | Нет | Да | Да |
| Анимация | Нет | Да | Да |
| HDR / широкий цветовой охват | Нет | Ограниченно | Да (нативно) |
| Глубина цвета | 8 бит | 8 бит | До 12 бит |
| Поддержка браузерами 2026 | Универсальная | Универсальная | +97 % (почти универсальная) |
| Скорость кодирования | Быстрая | Быстрая | Медленнее |
| Скорость декодирования | Быстрая | Быстрая | Чуть медленнее |
| Лицензия | Свободная | Свободная (Google) | Свободная (royalty-free) |
Почему AVIF превосходит WebP
WebP был значительным прорывом при запуске Google в 2010 году — он предлагал снижение размера примерно на 25-35% по сравнению с JPEG. Но AVIF идёт намного дальше по нескольким параметрам:
- Превосходное сжатие: AVIF сокращает размер файлов на 40-55% по сравнению с JPEG при эквивалентном визуальном качестве, против 25-35% для WebP. На странице с множеством изображений это значительная разница в производительности
- Меньше визуальных артефактов: WebP страдает от видимых артефактов сжатия в областях градиентов и тонких контуров при низких битрейтах. AVIF обрабатывает эти области с заметно превосходящей точностью
- Нативная поддержка HDR: AVIF нативно поддерживает HDR (High Dynamic Range) и широкие цветовые пространства (Display P3, Rec. 2020), что делает его идеальным для экранов высокого класса и профессиональной фотографии
- Глубина цвета: AVIF поддерживает до 12 бит на канал против 8 бит у WebP, обеспечивая несравнимо более богатую цветовую палитру
- Гибкая хроматическая субдискретизация: AVIF поддерживает режимы 4:4:4, 4:2:2 и 4:2:0, обеспечивая точный контроль над соотношением качество/размер в зависимости от типа изображения
Полезно знать: сжатие AVIF особенно впечатляет на портретах и тонах кожи, градиентах неба и изображениях с текстом на сложном фоне — именно в тех случаях, когда WebP начинает проявлять видимые артефакты. Для очень простых изображений (иконки, векторные иллюстрации) прирост меньше, и SVG по-прежнему предпочтителен.
Поддержка браузеров в 2026 году
Одним из исторических препятствий для внедрения AVIF была частичная поддержка браузерами. В 2026 году это уже не так:
- Chrome: поддерживается с версии 85 (август 2020)
- Firefox: поддерживается с версии 93 (октябрь 2021)
- Safari: поддерживается с версии 16.0 (сентябрь 2022)
- Edge: поддерживается с версии 121 (2024)
- Opera, Samsung Internet, Brave: все поддерживают
В 2026 году глобальная поддержка AVIF превышает 97% используемых браузеров по данным Can I Use. Единственное заметное исключение — некоторые встроенные браузеры и ряд промышленных или государственных сред с очень старыми версиями Internet Explorer или Edge Legacy — маргинальные случаи.
Главный недостаток AVIF: медленное кодирование
AVIF не идеален. Его главный недостаток — скорость кодирования: генерация файла AVIF значительно медленнее, чем кодирование JPEG или WebP, особенно при высоких уровнях качества. В зависимости от параметров и оборудования кодирование изображения в AVIF может занять в 5-20 раз больше времени, чем в WebP.
Для сайтов, генерирующих изображения «на лету» (например, платформа электронной коммерции с миллионами вариантов продуктов), эта задержка может быть проблематичной. Распространённые решения:
- Предварительно кодировать изображения AVIF при загрузке и раздавать их через CDN
- Использовать параметр скорости кодирования (speed) для ускорения генерации за счёт небольшого снижения выигрыша сжатия
- Поддерживать гибридную стратегию AVIF + WebP в качестве фолбэка через тег <picture>
Как внедрить AVIF на своём сайте
Наиболее чистый способ интегрировать AVIF, сохраняя максимальную совместимость, — использовать HTML-тег <picture> с несколькими источниками:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Описание изображения" width="800" height="600">
</picture>Браузер автоматически выбирает наилучший поддерживаемый формат. Современный браузер загрузит AVIF, более старый перейдёт на WebP, а очень старые браузеры загрузят JPEG. JavaScript не требуется, обнаружение на стороне сервера не нужно.
Для конвертации изображений в AVIF доступны следующие инструменты:
- Squoosh (Google) — бесплатный онлайн-инструмент, визуальное сравнение в реальном времени
- ImageMagick — командная строка: convert input.jpg -quality 80 output.avif
- Sharp (Node.js) — высокопроизводительная библиотека обработки изображений
- Cloudinary, Imgix, Cloudflare Images — автоматическая конвертация и доставка AVIF через CDN
Действительно ли AVIF заменяет WebP?
С точки зрения чистой производительности — да, AVIF превосходит WebP практически по всем техническим критериям. Но миграция не обязательно должна быть немедленной для всех проектов:
- Если ваш конвейер обработки изображений уже оптимизирован под WebP и изображения легковесны, выигрыш AVIF может не оправдать полной переработки в краткосрочной перспективе
- Для новых проектов или переработки изображений AVIF должен быть выбором по умолчанию
- Гибридная стратегия <picture> AVIF + WebP + JPEG в настоящее время является лучшей практикой: максимизирует производительность на современных браузерах без жертв совместимостью
Полезно знать: основные CDN изображений (Cloudflare, Cloudinary, Fastly, imgix) теперь автоматически раздают AVIF, определяя браузер посетителя через заголовок Accept. Если вы используете один из этих сервисов, вы, возможно, уже получаете преимущества AVIF без каких-либо изменений кода — просто проверьте заголовки ответов ваших изображений с помощью инструментов разработчика браузера.