Firefox 158: JPEG XL и типизированная арифметика в calc()

13 октября Mozilla выпустила Firefox 158. Главное для вёрстки: браузер начал показывать картинки в формате JPEG XL. В заметках к выпуску сказано, что формат «обычно сжимает лучше, чем WebP, JPEG, PNG и GIF». Неделей раньше JPEG XL включили в Chrome 155, а Safari понимает его с 2023 года, так что формат впервые доступен во всех трёх крупных движках. Firefox теперь присылает image/jxl в заголовке Accept, поэтому сервер или CDN могут отдавать JXL только тем браузерам, которые его открывают.

Вторая новинка — типизированная арифметика в calc(). Теперь можно делить величину на величину того же типа и получать безразмерное число, а потом умножать его на другую единицу. Например, calc(100vw / 1px) даёт ширину окна как число, которое можно подставить в line-height, opacity или в расчёт анимации. Раньше для таких связок приходилось писать JavaScript или пересчитывать значения вручную в кастомных свойствах.

Из менее заметного: поле с autocomplete=»webauthn» теперь само показывает подсказку входа по passkey, PerformanceResourceTiming.deliveryType возвращает cache для ресурсов из HTTP-кэша, а у уведомлений появилась опция navigate с адресом, который откроется по клику. С JPEG XL остаётся вопрос инструментов: экспорт из графических редакторов встречается редко, а в медиабиблиотеку WordPress такие файлы без доработки не загрузить.

Источник: Firefox 158.0 Release Notes