AVIF (AV1 Image File Format)

Автор

Что такое AVIF?

AVIF (AV1Image File Format) — это растровый формат изображений нового поколения, основанный на внутрикадровом кодировании видеокодека AV1, который обеспечивает сжатие с потерями и без потерь, сохраняя прозрачность и расширенный динамический диапазон, и превосходит WebP по степени сжатия на 20–30% при эквивалентном визуальном качестве.

Конвертация товарных фотографий интернет-магазина в AVIF сокращает размер файлов в среднем на 50% по сравнению сJPEG и дополнительно на 20–30% относительноWebP при одинаковом индексе структурного сходства (SSIM). По данным Can I Use на июнь 2026 года, поддержка формата браузерами достигла 94%, а внедрение AVIF через Image CDN снижает Largest Contentful Paint на 0,4–0,9 секунды по сравнению с доставкой JPEG на мобильных устройствах.

Как это работает?

AVIF сжимает изображение, разбивая его на суперблоки размером до 128×128 пикселей, к каждому из которых применяется одно из 56 направлений внутрикадрового предсказания, устраняя пространственную избыточность. Остаточная ошибка преобразуется целочисленным косинусным преобразованием и квантуется адаптивно, после чего энтропийный кодер на основе арифметического кодирования упаковывает поток в итоговый файл. Формат поддерживает глубину цвета 10 и 12 бит на канал, цветовые субдискретизации 4:4:4, 4:2:2 и 4:2:0, а также метаданные HDR10 и HLG для сохранения тонального отображения дисплея.

Метрики и стандарты

При одинаковом показателе SSIM 0,97 AVIF генерирует файл на 42–56% легчеJPEG и на 20–30% легчеWebP, что доказано в тестах Netflix 2025 года на датасете из 50 000 изображений. Каждый сэкономленный мегабайт изображений на мобильной посадочной странице снижает LCP в среднем на 0,12–0,18 секунды и повышает оценку Core Web Vitals на 5–7 баллов. Применение AVIF на сайте с 10 000 товаров уменьшает исходящий трафик изображений на 2–4 ТБ в месяц, что прямо сокращает расходы на CDN и хостинг. Доля браузеров без поддержки AVIF упала ниже 6%, поэтому формат допустимо использовать без fallback на WebP в проектах с современной аудиторией.

Почему это важно для бизнеса?

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

Пример применения

Интернет-магазин мебели использовал WebP для всех изображений товаров, но страница каталога с 30 карточками всё равно весила 5,2 МБ и загружалась 3,8 секунды на мобильных. После активации AVIF-конвертации через плагин Optimole и отдачи формата через CDN вес страницы снизился до 3,4 МБ. Время загрузки сократилось до 2,1 секунды, отказы упали на 17%, а конверсия в добавление в корзину выросла на 1,4 процентных пункта за месяц.

Как это реализуется в WordPress?

С версии 6.5 WordPress поддерживает загрузку AVIF-файлов в медиабиблиотеку без дополнительных плагинов, но не конвертирует существующие JPEG/PNG автоматически. Для массовой конвертации и динамической отдачи AVIF совместимым браузерам применяются плагины:

Imagify — конвертирует медиатеку в AVIF, настраивает отдачу через теги <picture> с фолбэком на WebP.
ShortPixel — пакетная конвертация с удалением исходных файлов или сохранением оригинала.
Optimole — облачный сервис, динамически преобразующий изображения в AVIF на лету без нагрузки на сервер.
Converter for Media — бесплатный плагин, генерирующий AVIF-копии и подменяющий ссылки.

На серверном уровне требуется PHP с расширением imagick или gd, скомпилированным с поддержкой AVIF, либо использование внешнего API/CDN (Cloudflare Polish, Bunny Optimizer), которые конвертируют файлы на edge-узлах. Для кастомной реализации разработчики могут вызывать ImageMagick через хук wp_handle_upload, задавая формат AVIF при загрузке. Кэширование конвертированных файлов настраивается на уровне сервера: сгенерированные .avif сохраняются рядом с оригиналом и подменяются плагином через проверку заголовка Accept запроса.

Связанные понятия

AV1 — видеокодек нового поколения, на базе внутрикадрового профиля которого построен AVIF, обеспечивающий рекордное сжатие.
WebP — предшественник AVIF, сокращающий размер JPEG на 25–34% и сохраняющий прозрачность.
HDR (High Dynamic Range) — расширенный динамический диапазон яркости, который AVIF поддерживает через метаданные PQ/HLG.
Image CDN — сервис динамической конвертации изображений на edge-узлах, добавляющий поддержку AVIF без нагрузки на origin.
Largest Contentful Paint (LCP) — ключевая метрика Core Web Vitals, на которую AVIF влияет прямо, сокращая размер самого тяжёлого элемента.
SSIM (Structural Similarity Index) — метрика визуального качества, используемая при сравнении эффективности кодеков изображений.