WebP или AVIF: что лучше?

Оба формата решают одну задачу: заменяют JPEG для фотографий и PNG для графики единым типом файла, который поддерживает сжатие с потерями и без потерь, альфа-прозрачность и анимацию. Различие заключается в возрасте и амбициях. WebP был создан Google для веба в 2010 году; фотографии в нём примерно на 25–35% меньше, чем JPEG сопоставимого качества, а все основные браузеры отображают его с 2020 года. AVIF появился в 2019 году благодаря Alliance for Open Media и применяет видеокодек AV1 к статичным изображениям: при обычном для веба качестве его файлы примерно на 50% меньше JPEG и на 20–30% меньше WebP, а также он поддерживает HDR и 10- или 12-битный цвет, тогда как WebP со сжатием с потерями ограничен 8-битным цветом.

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

Безоговорочного победителя нет. Сравнивайте их по действительно важным для вас критериям:

• Размер файла: AVIF. Примерно на 20–30% меньше WebP при одинаковом визуальном качестве и примерно вдвое меньше JPEG.
• Совместимость: WebP. Оба формата отображаются в современных Chrome, Firefox и Safari (AVIF в Safari только с версии 16.4 в 2023 году), но WebP открывается в гораздо большем числе настольных приложений, форм загрузки и сервисов обмена сообщениями.
• Скорость кодирования: WebP. AVIF кодируется медленно, особенно для больших фотографий, что становится заметно при одновременной конвертации сотен файлов.
• Прозрачность: ничья. Оба формата сохраняют альфа-канал при сжатии с потерями и без потерь.
• HDR и глубина цвета: AVIF. Режим WebP со сжатием с потерями поддерживает только 8-битный цвет.
• Очень большие изображения: WebP. Максимальные размеры AVIF меньше, чем у JPEG, поэтому огромную панораму или скан, возможно, придётся оставить в JPEG или WebP.

Краткий ответ на вопрос, что лучше: AVIF выигрывает по размеру и качеству изображения на каждый байт, а WebP по охвату и скорости. Более полный ответ: правильный формат зависит от того, кто будет открывать файл.

Выбирайте по месту использования, а не по результатам тестов:

• Сайт под вашим управлением. Используйте AVIF и сохраняйте резервный вариант WebP или JPG для браузеров и поисковых роботов, которые не могут его прочитать. Именно такое сочетание ценят инструменты оценки скорости страниц; ознакомьтесь с руководствами по устранению предупреждения об эффективном кодировании изображений и по выбору лучшего формата изображений для сайта.
• Отправка файлов людям или загрузка в сервис. Используйте WebP либо обычный JPG, если форма устарела. Получателя, который не может открыть файл, не волнует, что тот был на 20–30% меньше.
• Логотипы, значки и снимки экрана с прозрачностью. Подойдёт любой режим без потерь; WebP без потерь практичнее, поскольку его открывает гораздо больше редакторов.
• Фотографии с HDR или широким цветовым охватом. Из этих двух форматов сохранить такие данные может только AVIF.
• Архивирование. Ни один. Храните исходный файл камеры в JPG, RAW или PNG, а WebP и AVIF используйте как копии для распространения.

Если вам нужен только один из этих форматов, сегодня безопасным вариантом по умолчанию будет WebP, а форматом будущего станет AVIF: разрыв в поддержке продолжает сокращаться. Чтобы разобраться, что на самом деле означает сжатие с потерями и без потерь, прочитайте о сжатии с потерями и без потерь, а советы по настройке JPG для веба приведены в руководстве по сжатию JPEG для веба.

Конвертер изображений EditItAll преобразует JPG, PNG, WebP или AVIF в любой из двух форматов, а инструмент сжатия повторно кодирует существующий WebP или AVIF с выбранным вами качеством. Всё выполняется исключительно в браузере: ничего не загружается на сервер, а после загрузки страницы инструмент продолжает работать без подключения к интернету.

1. Откройте конвертер и перетащите в него одно изображение или целую подборку. Для распространённых задач доступны прямые варианты: JPG в AVIF, PNG в WebP, WebP в AVIF и AVIF в WebP.
2. Выберите выходной формат и установите ползунок качества. Верхнее положение ползунка создаёт файл без потерь; фотография обычно выглядит идентично и при гораздо более низком значении. Поля целевого размера нет: размер является результатом, а для каждого файла показывается размер до и после обработки, поэтому можно немного переместить ползунок и запустить её снова.
3. Скачайте один файл или всю подборку в виде ZIP. Метаданные EXIF и GPS удаляются при экспорте.

Два важных замечания. При преобразовании WebP со сжатием с потерями в AVIF файл кодируется повторно и теряет ещё немного деталей, поэтому по возможности начинайте с исходного экспорта JPG, PNG или RAW. Кроме того, кодирование AVIF по своей природе медленное: обработка большой фотографии занимает заметно больше времени, чем преобразование того же файла в WebP, поэтому при большой подборке придётся подождать. Формат уже подходит, но нужно лишь уменьшить размер? Используйте непосредственно инструмент сжатия WebP или инструмент сжатия AVIF; оба применяют кодеки профессионального уровня и один и тот же ползунок.