WebP vs AVIF: какой формат изображений использовать в 2026 году

AVIF создаёт файлы на 20-30% меньше, чем WebP при одинаковом визуальном качестве. Но WebP кодируется быстрее и имеет чуть более широкую поддержку в браузерах (97% против 95%). Для большинства сайтов в 2026 году ответ: используйте AVIF как основной формат с WebP в качестве фолбэка. Разбираем детали.

Два формата в двух словах

Оба формата выросли из видеокодеков. Google выпустил WebP в 2010 году на базе VP8 — той же технологии, что стоит за видеоформатом WebM. Альянс за открытые медиа (Alliance for Open Media) выпустил AVIF в 2019 году на базе AV1 — более нового и эффективного видеокодека, разработанного совместно Google, Mozilla, Apple, Netflix и другими компаниями.

Разница в поколениях имеет значение. AV1 проектировался с учётом десятилетия исследований в области сжатия, которых у VP8 не было. Поэтому AVIF стабильно выдаёт меньшие файлы. Но более простой алгоритм VP8 означает, что WebP кодируется и декодируется быстрее — компромисс, который по-прежнему актуален в реальных рабочих процессах.

Сжатие: насколько меньше файлы?

Цифры варьируются в зависимости от типа изображения, но тенденция стабильна. В тестах, сравнивающих оба формата при эквивалентном визуальном качестве (измеренном по SSIM):

• AVIF — медианное уменьшение размера файла примерно на 50% по сравнению с исходным JPEG
• WebP — медианное уменьшение примерно на 30% по сравнению с тем же JPEG

Таким образом, AVIF примерно на 20-30% меньше WebP при эквивалентном воспринимаемом качестве. Практический пример: фотография весом 1 МБ в JPEG становится примерно 700 КБ в WebP и 500 КБ в AVIF. На странице с десятью товарными изображениями эта разница превращается в ощутимую экономию трафика.

Для нефотографических изображений разрыв сужается. Простые графики, иконки и иллюстрации с плоскими цветами показывают меньшую разницу между форматами. Для таких ассетов lossless-режим WebP часто конкурирует с lossless AVIF.

Поддержка браузерами в 2026 году

Разрыв в 2% обусловлен преимущественно старыми версиями Safari на устройствах, не обновлённых с iOS 15 или macOS Monterey, а также небольшой долей устаревших Android-браузеров. Для большинства аудиторий оба формата безопасны для использования без фолбэков. Для максимальной надёжности HTML-элемент <picture> позволяет отдавать AVIF первым, затем WebP, затем JPEG:

<picture>
  <source srcset="photo.avif" type="image/avif" />
  <source srcset="photo.webp" type="image/webp" />
  <img src="photo.jpg" alt="Описание" />
</picture>

Скорость кодирования и инструменты

Здесь WebP явно впереди. Кодирование WebP значительно быстрее AVIF — зачастую в 5-10 раз при стандартных настройках. Если ваша CMS конвертирует изображения при загрузке или вы обрабатываете тысячи товарных фотографий пакетом, эта разница в скорости экономит реальное время.

Скорость кодирования AVIF резко выросла (примерно на 73% быстрее с 2021 года по актуальным бенчмаркам), но до пропускной способности WebP ей по-прежнему далеко. Декодирование ближе: WebP декодируется за меньшее число миллисекунд, но разрыв настолько мал, что пользователи его не заметят.

По инструментам оба формата хорошо поддерживаются. Adobe Photoshop добавил нативную поддержку AVIF в 2025 году. WordPress, Cloudflare, Fastly и все крупные CDN работают с обоими форматами через автоматическое согласование контента.

Сравнение возможностей

Главное преимущество AVIF помимо сжатия — HDR и расширенный цветовой охват. AVIF поддерживает 10-битную и 12-битную глубину цвета плюс HDR-метаданные (PQ, HLG), что позволяет передавать цвета, которые WebP буквально не может закодировать. Для сайтов с фотографиями, интернет-магазинов с цветочувствительными товарами или любого контекста, где важна точность цвета, это реальное различие.

Когда использовать какой формат

Выбирайте AVIF, когда:

• Вы контролируете процесс обработки изображений и можете настроить фолбэки
• Производительность Core Web Vitals критична (каждый КБ влияет на LCP)
• Нужна поддержка HDR или расширенного цветового охвата
• Ваш CDN поддерживает автоматическое согласование формата

Выбирайте WebP, когда:

• Скорость кодирования важна (большие пакеты, загрузка в реальном времени)
• Нужна максимально широкая совместимость без логики фолбэков
• Изображения преимущественно простые графики, где преимущество AVIF минимально
• Вы уже используете WebP и миграция не оправдана

Используйте оба (рекомендуется):

Элемент <picture> не добавляет сложности и позволяет каждому посетителю получить наименьший файл, который поддерживает его браузер. Большинство CDN (Cloudflare, Fastly, Akamai) автоматизируют это полностью — вы загружаете одно изображение, а CDN отдаёт оптимальный формат по заголовку Accept браузера.

Как конвертировать изображения

Конвертировать изображения в оба формата можно прямо в браузере — без загрузки на сервер, без установки программ. Инструменты Vizua обрабатывают файлы локально на вашем устройстве с помощью оптимизированных алгоритмов:

• Сжать WebP — уменьшить существующие WebP-файлы
• Конвертировать в AVIF — создать AVIF из любого изображения
• JPG в WebP — конвертировать JPEG-фотографии в WebP
• PNG в WebP — конвертировать PNG-графику в WebP

Если вы работаете с JPEG-оригиналами и хотите разобраться в компромиссах сжатия, наше руководство по сжатию без потери качества описывает оптимальные настройки для каждого формата.

Часто задаваемые вопросы