AVIF vs WebP
Два современных формата изображений: AVIF дальше продвигает сжатие и работу с цветом, а WebP предлагает более широкую и зрелую поддержку.
AVIF — это формат изображений, основанный на видеокодеке AV1 и рассчитанный на сильное сжатие, а также на поддержку HDR и широкого цветового охвата. WebP разработан компанией Google на базе линейки VP8/VP9, доступен с 2010 года и сегодня поддерживается практически всеми браузерами. Оба формата работают как в режиме с потерями, так и без потерь, поддерживают прозрачность и анимацию, но различаются эффективностью сжатия, цветовыми возможностями и тем, насколько широко они поддерживаются в программах и операционных системах.
| AVIF | WebP | |
|---|---|---|
| Сжатие (с потерями и без потерь) | Оба режима: с потерями и без потерь. Обычно создаёт файлы меньшего размера, чем WebP, при сопоставимом качестве — особенно для изображений с потерями. | Оба режима: с потерями и без потерь. С потерями файлы обычно на 25-35% меньше, чем JPEG; без потерь — обычно меньше, чем PNG. |
| Прозрачность / альфа-канал | Поддерживается, в том числе в режиме с потерями, с полноценным альфа-каналом. | Поддерживается, в том числе в режиме с потерями, с полноценным альфа-каналом. |
| Анимация | Поддерживается через последовательности изображений. | Поддерживается; распространённая более лёгкая альтернатива анимированному GIF. |
| Глубина цвета / HDR / широкий охват | До 10- и 12-битного цвета, поддержка HDR и широких цветовых охватов (например, Rec. 2020). | Только 8-битный цвет; поддержки HDR и широкого охвата нет. |
| Поддержка браузеров и ОС | Поддерживается в актуальных Chrome, Firefox, Safari и Edge, а также в свежих версиях macOS, iOS, Android и Windows; в старых версиях и некоторых инструментах поддержки может не быть. | Широкая и зрелая поддержка во всех основных браузерах, большинстве современных программ для работы с изображениями и операционных систем. |
| Поддержка в редакторах и ПО | Декодирование может быть медленнее; поддержка в инструментах и редакторах всё ещё догоняет. | Более быстрое декодирование; широко поддерживается редакторами, CMS-платформами и библиотеками. |
Выбирайте AVIF, когда
- Вам нужен минимальный размер файла при заданном визуальном качестве, особенно для фотографических изображений с потерями.
- Ваши изображения используют HDR, 10/12-битную глубину цвета или широкий охват, например Rec. 2020.
- Вы можете предоставить запасной современный формат (например, через элемент picture) для клиентов, не поддерживающих AVIF.
- Экономия трафика и места для хранения важнее максимальной совместимости и быстрого декодирования.
Выбирайте WebP, когда
- Вам уже сегодня нужна широкая и надёжная поддержка в браузерах, операционных системах и инструментах редактирования.
- Вам нужен один современный формат, который надёжно заменяет и JPEG, и PNG в вебе.
- В приоритете более быстрое декодирование и меньшая нагрузка при обработке, например на маломощных устройствах.
- 8-битного цвета достаточно, и вам не нужны HDR или широкий охват.
Используйте AVIF, когда нужно лучшее сжатие или цвет с HDR и широким охватом, и при этом вы можете предоставить запасной формат для неподдерживаемых клиентов. Используйте WebP, когда нужен хорошо поддерживаемый современный формат с быстрым декодированием, который работает почти везде и требует меньше настройки. Для доставки в вебе многие сайты сначала отдают AVIF, затем откатываются к WebP, а потом к JPEG/PNG.