JPEG XL в Chrome и Firefox: стоит ли переводить картинки сайта

В октябре 2026 года формат изображений JPEG XL получил поддержку в двух крупных браузерах. Chrome 155, вышедший 6 октября, декодирует `image/jxl` с помощью декодера jxl-rs. Firefox 158, вышедший 13 октября, включил JPEG XL по умолчанию и добавил его в заголовок Accept для изображений. Для интернет-магазинов, медиа и любых сайтов с большим количеством фотографий это повод пересмотреть форматы картинок.

Что произошло

По MDN, Firefox 158 отправляет для изображений заголовок `Accept: image/avif,image/jxl,image/webp,image/png,image/svg+xml,image/*;q=0.8,*/*;q=0.5`. Это значит, что сервер или CDN может автоматически отдавать JPEG XL тем браузерам, которые его заявили.

Чем JPEG XL интересен

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

Для каталога с тысячами фотографий товаров первая возможность особенно ценна: можно сократить трафик, не пересъёмая и не пережимая фото с потерями.

Важно и то, что Firefox теперь сам сообщает серверу о поддержке формата. Значит, внедрение можно сделать на стороне сервера один раз, без правки HTML-шаблонов: браузеры с поддержкой получат JPEG XL, остальные — привычные форматы.

Кого касается

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

Как внедрять без риска

1. Только с запасным форматом. Поддержка есть не во всех браузерах и не во всех версиях. Используйте `<picture>`: первым — `image/jxl`, затем WebP или AVIF, последним — JPEG.
2. Или через Accept на сервере. Если картинки отдаёт CDN или сервер с автоматическим выбором формата, добавьте JPEG XL в список: он будет отдаваться только тем, кто прислал `image/jxl` в заголовке Accept. Не забудьте заголовок `Vary: Accept`, чтобы кеши не перепутали форматы.
3. Начните с каталога. Самая заметная экономия — на фотографиях товаров. Сравните средний размер файла до и после на выборке из 100 изображений.
4. Проверьте Core Web Vitals. Метрика LCP (время отрисовки главного элемента) часто зависит от главного изображения — замерьте её до и после.
5. Не удаляйте исходники. Храните оригиналы, чтобы в любой момент пересобрать картинки в другом формате.

Как настроить отдачу на сервере

Если картинки раздаёт nginx или CDN, логика выбора формата обычно уже есть для WebP и AVIF. Для JPEG XL она расширяется так:

1. Рядом с исходным файлом генерируется версия `.jxl` — заранее при загрузке или по первому запросу.
2. Сервер смотрит на заголовок Accept: если там есть `image/jxl`, отдаёт JPEG XL, иначе — AVIF, WebP или JPEG по той же логике.
3. В ответ добавляется `Vary: Accept`, чтобы промежуточные кеши хранили варианты отдельно.
4. В журнале или метриках CDN отслеживается доля запросов, получивших JPEG XL, и средний размер ответа.

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

Как посчитать эффект

Не стоит верить на слово ни нам, ни производителям форматов: эффект зависит от ваших фотографий. Возьмите 100 типичных изображений каталога, сконвертируйте их в JPEG XL и в AVIF или WebP с сопоставимым качеством и сравните суммарный размер. Затем умножьте разницу на месячное число показов изображений из Метрики или логов CDN. Получится реальная экономия трафика — и понятно, стоит ли игра свеч.

Что ещё нового в Firefox 158

Кроме JPEG XL, Firefox 158 по данным MDN:

• разрешил в `calc()` деление значений одного типа с разными единицами — результат становится безразмерным числом;
• добавил опцию `navigate` для уведомлений — адрес, который откроется по клику;
• поддержал `PerformanceResourceTiming.deliveryType` — видно, пришёл ли ресурс из кеша;
• изменил поведение HTML Sanitizer: небезопасные методы вроде `setHTMLUnsafe()` с санитайзером по умолчанию теперь удаляют ссылки `javascript:`.

Следующий выпуск, Firefox 159, запланирован на 27 октября.

Наше мнение

Мы считаем поддержку JPEG XL в Chrome и Firefox хорошей новостью для сайтов с большим количеством фотографий, но не поводом для срочной переделки. Если у вас уже настроены WebP или AVIF, выигрыш от JPEG XL будет заметен прежде всего на фотографиях, исходно сохранённых в JPEG. Что мы советуем клиентам: добавить JPEG XL как ещё один вариант в автоматическую конвертацию изображений и измерить эффект на реальном трафике. Как скорость влияет на продажи, мы писали в статье о Core Web Vitals.