Переместите JPEG, в городе появились новые форматы изображений

Потребители постоянно требуют новых и привлекательных способов взаимодействия со своими любимыми брендами. В ответ компании находят способы внедрить привлекающие внимание визуальные ресурсы в свое присутствие в Интернете. В результате примерно 60% большинства данных сегодняшнего веб-сайта занимают изображения. Это число только растет, поскольку визуальный опыт становится все более важным.

Чтобы доставлять изображения таким образом, чтобы повысить их производительность в Интернете, разработчики должны учитывать формат изображений, который они используют. Визуальная экономика сегодня поддерживает широкий спектр доступных форматов изображений. Согласно [отчету Cloudinary о состоянии визуальных медиа] (https://cloudinary.com/state-of-visual-media-report), 71% брендов полагаются на три или четыре различных формата изображений, чтобы рассказать свои истории.

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

Свержение JPEG, гроссмейстера сжатия изображений

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

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

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

Рост современных форматов

Популярность облегченных форматов растет, поскольку бренды начинают видеть огромные преимущества, которые они могут принести. Одной из причин роста популярности могла быть подготовка компаний к запуску Google Core Web Vitals в 2021 году. Поскольку Core Web Vitals, как сообщалось, начал влиять на ранжирование в поиске Google, команды срочно работали над тем, чтобы сайты были оптимизированы для получения высоких результатов.

В частности, LCP, или Largest Contentful Paint, — это метрика, которая касается времени загрузки, отсюда и стремление к форматам изображений, которые загружаются быстро. На самом деле, согласно Веб-альманаху 2020 г., более 47% веб-сайтов для компьютеров и 57% мобильных веб-сайтов должны улучшить свои LCP, чтобы соответствуют критериям Google.

Чтобы удовлетворить эти требования, за последнее десятилетие появилось много новых, более современных форматов, которые стали выгодными соперниками. Среди новых форматов:

WebP

Принятие WebP выросло с 2019 года и скоро обгонит PNG как второй наиболее часто используемый формат. Это не зря, учитывая, что средний размер файла WebP примерно на 20% меньше, чем средний размер JPEG. Рост популярности также может быть результатом внедрения Safari WebP в MacOS Big Sur и iOS 14.

АВИФ

Возможно, вы подумали, что разница в размере файла WebP в 20 % — это уже хорошо. Но AVIF обычно сжимает эффективнее, чем JPEG, примерно на 50%, особенно в диапазоне качества от низкого до среднего, что актуально для высокооптимизированных веб-сайтов!

Он также поддерживает прозрачность, обеспечивая изображения как с резкими краями, так и с непрерывными тонами. И в отличие от WebP, JPEG и PNG, AVIF хорошо работает с 10-битной глубиной, что необходимо для HDR и изображений с широкой гаммой.

JPEG XL

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

В марте 2022 г. спецификация JPEG XL была опубликована в качестве стандарта ISO. Хотя все еще существуют препятствия для его массового внедрения, его популярность растет. И Google Chrome, и Mozilla Firefox уже имеют предварительную поддержку JPEG XL.

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

Поздоровайтесь с новыми возможностями изображения

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

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