📁 Форматы изображений

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

⏱ 5 мин чтения 📅 Обновлено март 2026

AVIF (AV1 Image File Format). наиболее передовой формат изображений, доступный в 2026 году. Созданный на основе видеокодека AV1, разработанного Alliance for Open Media, он достигает степени сжатия, которая казалась невозможной несколько лет назад: до 50% меньше JPEG при эквивалентном визуальном качестве и даже лучше, чем WebP.

Что такое AVIF?

AVIF. формат неподвижных изображений, основанный на видеосжатии AV1. Он разработан для замены JPEG и WebP для фотографического контента в вебе. Ключевые характеристики:

  • Сжатие с потерями и без потерь: как и WebP, AVIF поддерживает оба режима
  • HDR и широкий цветовой охват: поддерживает 10-битную и 12-битную глубину цвета против 8-битной в JPEG
  • Прозрачность: полная поддержка альфа-канала
  • Без патентных отчислений: открытый стандарт без роялти
  • Анимированный AVIF: может заменять GIF и WebP-анимации

AVIF против WebP против JPEG: сравнение размеров файлов

Формат Типичный размер файла Прозрачность HDR Поддержка браузерами (2026)
JPEG Базовый (100%) Нет Нет 100%
WebP ~65–75% от JPEG Да Нет 97%
AVIF ~45–60% от JPEG Да Да 93%

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

Поддержка AVIF значительно расширилась. По состоянию на начало 2026 года AVIF поддерживается:

  • Chrome 85+ (с августа 2020 года)
  • Firefox 93+ (с октября 2021 года)
  • Safari 16.1+ (с октября 2022 года)
  • Edge 121+
  • Samsung Internet 14+

Основной пробел. старые версии iOS Safari. Для максимальной совместимости используйте AVIF с запасным JPEG или WebP через HTML-элемент <picture>.

Рекомендуемый подход: Отдавайте AVIF браузерам, которые его поддерживают, WebP в качестве вторичного запасного варианта, и JPEG для всех остальных. Используйте элемент <picture> или позвольте вашему CDN автоматически согласовывать формат.

Использование AVIF с элементом <picture>

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

Браузеры считывают элементы <source> по порядку и используют первый поддерживаемый формат. Браузеры без поддержки AVIF или WebP плавно переключаются на JPEG.

Когда использовать AVIF

AVIF. лучший выбор, когда:

  • Вы хотите максимально уменьшить размер файлов фотографий
  • Вы отображаете HDR-изображения или фотографии с широким цветовым охватом
  • Ваша целевая аудитория использует современные браузеры (2022+)
  • У вас есть CDN или пайплайн обработки изображений, который может автоматизировать конвертацию

Когда AVIF может не подходить

  • Кодирование медленное: кодирование AVIF значительно медленнее, чем JPEG/WebP. Всегда предварительно кодируйте изображения. генерация на лету в реальном времени непрактична без аппаратного ускорения
  • Очень маленькие изображения: для крошечных миниатюр или простых иконок преимущество в размере файла уменьшается, и SVG или PNG могут быть более подходящими
  • Устаревшая аудитория: если ваша аналитика показывает значительный трафик с Safari 15 или более старых браузеров, всегда предоставляйте запасной вариант
Главный вывод: AVIF. лучший формат изображений для веб-фотографии в 2026 году, обеспечивающий экономию до 50% объёма по сравнению с JPEG. Используйте его с запасным WebP/JPEG через <picture> для полной совместимости. Для сайтов, использующих современные CDN (Cloudflare, Fastly и др.), конвертация в AVIF часто доступна автоматически.

Попробуйте инструменты imgpact

Бесплатные инструменты в браузере. без загрузки, без регистрации.