Ходит много слухов вокруг внедрения поддержки нового формата изображений.avif в браузеры. Недавно Chrome и Firefox заявили, что поддержка появится уже в конце августа. Так как поддержка внедряется в Chromium, то стоит ожидать постепенного появления.avif во всех браузера, базирующимся на этом движке.
В майском обновлении Windows 10 поддержка добавлена в операционную систему, а это значит, что Microsoft может добавить.avif в новый Edge.
Что такое .avif?
.avif — открытый и бесплатный формат, предполагается на замену.jpeg, .png, .gif, .webp.
Он происходит от видеоформата *.av1 и разработан совместно Alliance for Open Media, Google, Cisco и Xiph.org. Двигателем этого формата, фактически, стал Netflix, который его активно поддерживает и развивает.
Формат также может содержать в себе последовательность изображений, а значит на нём можно делать гифки.
В чём его особенность?
Новый формат.avif — лучше оптимизирует, сжимает и держит качество на сжатии.
В среднем он будет на 50% меньше по размеру, чем JPG. И на 20% меньше, чем.webp. Формат так же будет поддерживать поддерживает прозрачность, HDR, WCG. HDR — отвечает за динамический диапазон. WCG — за улучшение цветов (красный будет краснее, зеленый зеленее).
Если сравнивать.webp и.avif, то у webp есть недостатки, которые в.avif появляются значительно меньше. Например, потеря и размытие мелких деталей. У.avif более продвинутая система разбиения картинки на блок, увеличился максимальный размер блоков — это хорошо для 4К изображений. Также улучшили систему предсказаний.
Поиграть с реальными картинками и их разницей можно например тут.
Как его использовать?
Для конвертирования изображения в нужный формат можно использовать squoosh.app
Само использование не несёт особых отличий от webp. Используем тег picture и фолбеки на поддерживаемые форматы изображений.
<picture><source srcset ="img/photo.avif" type =image/avif"><source srcset ="img/photo.webp" type =image/webp"><img src ="img/photo.jpg" alt ="""></picture> IT-новостиЧто с Safari?
Safari в полной тишине, а это значит что без фолбеков для него не обойдётся. Будем надеяться, что разработчики Safari добавят поддержку этого формата так же, как они сделали это с webp в 14 версии операционной системы.
Авторы
Олег Ощепков
Алексей Копасов
Серёжа Попов