AVIF vs JPEG XL: почему один победил

Используйте AVIF, потому что он поддерживается всеми основными браузерами, в отличие от JPEG XL. По большинству технических показателей JPEG XL является более мощным форматом, предлагая перекодирование JPEG без потерь, прогрессивное декодирование и отличное качество на байт. Однако для практических целей он непригоден для развертывания в открытом вебе.

Chrome удалил поддержку JPEG XL в 2023 году, сославшись на недостаточный интерес со стороны экосистемы, а без Chrome новый веб-формат изображений не имеет шансов на жизнь. Формат AV1 Image File Format (AVIF) имел преимущество, поскольку базировался на AV1 — видеокодеке, в который разработчики браузеров уже инвестировали. Лучшая технология уступила той, у которой была более сильная история дистрибуции, что не является новым сценарием.

Сравнение двух форматов

JPEG XL побеждает по скорости кодирования, прогрессивной загрузке и конвертации JPEG без потерь, в то время как AVIF побеждает по единственному показателю, который решает судьбу внедрения, — поддержке браузерами.

Строка транскодирования JPEG без потерь — это та возможность, которую веб потерял. JPEG XL может переупаковать существующий JPEG примерно на 20 процентов компактнее и преобразовать его обратно в идентичный исходный файл, что позволило бы уменьшить архивы без какого-либо риска.

Почему Chrome удалил JPEG XL

Chrome сослался на недостаточный интерес со стороны экосистемы, ограниченную выгоду по сравнению с существующими форматами и затраты на обслуживание еще одного декодера. Решение было объявлено в 2022 году и вступило в силу в 2023 году.

Эта аргументация оспаривалась тогда и продолжает оспариваться сейчас. Сторонники указывали на измеримые преимущества сжатия и поддержку со стороны нескольких крупных издателей изображений. Контраргумент заключался в том, что AVIF уже обеспечивал большую часть преимуществ, используя декодер, который браузеры уже поставляли для видео. Какая бы точка зрения ни была верной, формат без поддержки Chrome не может обслуживать большую часть веб-трафика.

Где JPEG XL все еще используется

JPEG XL выживает в профессиональной фотографии, архивном хранении и программном обеспечении Apple, где один поставщик контролирует всю цепочку. Safari добавил поддержку в 2023 году, что поддерживает жизнь формата на платформах Apple.

• Фотоархивы используют транскодирование JPEG без потерь для сокращения объема хранения без риска потери качества.
• Профессиональные рабочие процессы камер выигрывают от высокой глубины цвета и поддержки широкого цветового охвата.
• Платформы Apple могут декодировать его, что делает его жизнеспособным внутри закрытых экосистем.
• Медицинская и научная визуализация ценит режим без потерь и прогрессивное декодирование.
• Но не открытый веб, где формат должен работать в каждом браузере, чтобы быть применимым.

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

Используйте AVIF для самых больших фотографий, где он экономит от 20 до 30 процентов по сравнению с WebP. Преимущество растет вместе с размером изображения и исчезает на мелкой графике.

Главные изображения (hero), баннеры во всю ширину и фотогалереи — это очевидные случаи. При размере менее 10 KB файл AVIF часто оказывается больше, чем эквивалент WebP, поскольку накладные расходы контейнера перевешивают выигрыш от сжатия. Разделение библиотеки по размеру, с использованием AVIF для тяжелых изображений и WebP для всего остального, позволяет получить большую часть выгоды без лишних затрат на кодирование.

Затраты на кодирование AVIF

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

На пакете из 500 изображений разница измеряется минутами. Эти затраты оплачиваются один раз для каждого изображения и больше никогда, поскольку декодирование происходит быстро во всех поддерживающих браузерах. Планируйте масштабную конвертацию, когда компьютер свободен от других задач, и держите вкладку браузера на переднем плане, так как браузеры ограничивают ресурсы для фоновых вкладок и значительно замедляют работу.

Как безопасно отдавать AVIF

Чтобы использовать AVIF без нарушения работы старых браузеров, выполните следующие 5 шагов.

1. Определите самые большие изображения на каждой странице, которыми обычно являются баннеры hero и главные фотографии.
2. Уменьшите каждое изображение до ширины, которую оно занимает на странице, удвоив ее для экранов с высокой плотностью пикселей.
3. Конвертируйте в AVIF с качеством от 60 до 70, так как AVIF сохраняет детали при более низких значениях, чем JPEG.
4. Конвертируйте тот же источник в WebP в качестве второго варианта и сохраните исходный JPEG в качестве последнего резервного варианта.
5. Отдавайте все 3 формата через элемент picture, указав AVIF первым, WebP вторым, а JPEG в теге img.

Браузер выбирает первый понятный ему формат, поэтому нигде ничего не ломается. Написание разметки обычно занимает больше времени, чем конвертация файлов.

Настройки качества AVIF ведут себя иначе

Качество AVIF 60 выглядит сопоставимо с качеством JPEG 85, поэтому привычные цифры не переносятся напрямую. Использование привычек JPEG при работе с AVIF приводит к созданию файлов гораздо большего размера, чем необходимо.

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

Как формат побеждает или проигрывает

Судьбу форматов изображений решает дистрибуция, а не технические достоинства, и разработчики браузеров контролируют дистрибуцию. Тот же паттерн определил результат для WebP, который преуспел, потому что Chrome поставлял его, и для JPEG 2000, который потерпел неудачу, несмотря на техническую состоятельность.

AVIF выиграл от решения, принятого в отношении видео, а не изображений. Разработчики браузеров уже инвестировали в AV1 для снижения затрат на потоковую передачу, поэтому добавление формата изображений на базе того же декодера обошлось им очень дешево. JPEG XL требовал нового декодера, нового обслуживания и новой поверхности безопасности, при этом выгоду браузеры сочли незначительной по сравнению с тем, что они уже поставляли.

Влияет ли это как-то на обычных пользователей

Нет, большинство людей никогда не выбирают формат изображений напрямую, и решение принимается платформой, через которую они публикуют контент. Эти дебаты важны для владельцев сайтов, фотографов и разработчиков, которые сами контролируют доставку контента.

Любой, кто публикует материалы через маркетплейс, социальную сеть или размещенный конструктор сайтов, загружает JPG или PNG и позволяет платформе выполнить перекодирование. Вопрос формата доходит до вас только тогда, когда вы сами контролируете файлы, которые скачивает посетитель, именно поэтому он доминирует в дискуссиях о веб-производительности и незаметен во всех остальных сферах.

Что это значит для вашей библиотеки

Храните мастер-копии без потерь, публикуйте AVIF и WebP и игнорируйте дебаты о форматах. Форматы доставки меняются каждые несколько лет, в то время как мастер-файл остается полезным неопределенно долго.

Любой, кто конвертировал всю библиотеку в формат доставки и удалил оригиналы, уже сталкивался с этой проблемой. Хранение стоит недорого по сравнению с повторной съемкой каталога, поэтому практическая стратегия заключается в том, чтобы хранить лучшую версию, которая у вас есть, и создавать копии для доставки так часто, как веб меняет свое мнение.

Вернется ли JPEG XL

Возвращение потребовало бы от Chrome отмены своего решения, и никакие заявления не указывают на то, что это планируется. Поддержка Safari и сохраняющийся интерес со стороны программного обеспечения для фотографии не позволяют формату полностью исчезнуть.

Форматы возвращались и из более сложных положений, поэтому вопрос остается скорее открытым, чем закрытым. Строить веб-сайт вокруг этой возможности было бы неразумно. Используйте AVIF и WebP для доставки сегодня, храните мастер-копии в формате без потерь, и переход на любой будущий формат станет задачей пакетной конвертации, а не перестройки сайта.

Конвертация библиотеки в AVIF

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

Добавьте до 500 файлов вместе или передайте ZIP-архив, и весь набор закодируется за один проход. Все работает внутри вашего браузера на вашем собственном процессоре, поэтому библиотеки фотографий, работы клиентов и неопубликованные материалы кампаний никогда не попадают на сервер. Локальное кодирование также означает, что большой пакет обрабатывается со скоростью вашего компьютера, а не со скоростью загрузки в сеть.