AVIF: формат изображений следующего поколения
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>.
<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 или более старых браузеров, всегда предоставляйте запасной вариант
<picture> для полной совместимости. Для сайтов, использующих современные CDN (Cloudflare, Fastly и др.), конвертация в AVIF часто доступна автоматически.
Попробуйте инструменты imgpact
Бесплатные инструменты в браузере. без загрузки, без регистрации.