Какие платформы принимают WebP

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

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

Поддержка форматов по платформам

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

Закономерность в этой таблице очевидна. Системы, созданные недавно для веба, принимают современные форматы, а системы, созданные для печати, отчетности или устаревшей совместимости, — нет. Возраст системы предсказывает поддержку форматов лучше, чем размер компании, которая ею управляет.

Браузеры больше не являются проблемой

Каждый современный браузер поддерживает WebP, включая Chrome, Firefox, Safari и Edge на компьютерах и мобильных устройствах. Safari добавил поддержку в 2020 году, что положило конец последнему серьезному аргументу против совместимости этого формата.

AVIF отстает на шаг: он поддерживается во всех основных браузерах, но ведет себя менее стабильно в старых версиях и некоторых встроенных просмотрщиках. Для публичного веб-сайта WebP безопасен без резервного варианта, а AVIF безопасен при наличии альтернативы. Оставшиеся проблемы лежат полностью за пределами браузеров.

Почему платформы перекодируют ваши загрузки

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

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

Где WebP действительно помогает

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

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

Где WebP вызывает проблемы

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

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

Как решить, какой формат загружать

Чтобы сделать правильный выбор, ответьте на эти 4 вопроса по порядку.

1. Будет ли файл скачиваться и открываться за пределами браузера? Если да, используйте JPG или PNG.
2. Перекодирует ли платформа загружаемые файлы? Если да, загружайте высококачественный JPG или PNG и предоставьте выбор платформе.
3. Контролируете ли вы доставку файла? Если да, используйте WebP, а для самых тяжелых изображений — AVIF.
4. Нужна ли изображению прозрачность? Если да, используйте PNG или WebP, так как у JPEG нет канала прозрачности.

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

Безопасное использование современных форматов на собственном сайте

Используйте элемент picture, указывая сначала AVIF, затем WebP, а в теге img прописывайте резервный JPEG. Браузер выберет первый формат, который он понимает, поэтому новые браузеры получат легкий файл, а старые все равно увидят изображение.

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

Как проверить, что платформа принимает на самом деле

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

Загрузите изображение WebP, откройте опубликованную страницу, кликните правой кнопкой мыши по изображению и откройте его в новой вкладке. Расширение файла в адресной строке покажет, что именно отдает платформа. Расширение .jpg означает, что ваш файл WebP был конвертирован, а расширение .webp означает, что он был сохранен без изменений. Повторяйте этот тест после любого крупного обновления платформы.

Форматы, которые тихо уходят в прошлое

BMP, TIFF и анимированный GIF все еще работают почти везде, но являются неверным выбором практически в любом случае. Каждый из них выживает лишь потому, что его создавало старое ПО, а не потому, что он хорошо справляется со своими задачами.

BMP хранит изображения практически без сжатия, поэтому скриншот может весить в 20 раз больше своего аналога в PNG. TIFF остается стандартом в полиграфии и сканировании, но непригоден для веба. Анимированный GIF ограничен 256 цветами и часто весит больше, чем короткое видео того же фрагмента. Конвертация этих 3 форматов при получении, вместо их хранения, позволяет избежать лишнего веса на протяжении всего рабочего процесса.

Планирование миграции форматов

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

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

Что насчет AVIF

AVIF сжимает примерно на 20–30 процентов сильнее, чем WebP, на крупных фотографиях, но кодируется гораздо медленнее. Этот формат стоит дополнительных усилий для главных баннеров (hero images) и страниц с большим количеством фотографий.

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

Конвертация библиотеки под конкретную задачу

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

Сначала определитесь с конечным пунктом назначения, а затем конвертируйте напрямую из оригинала. Наши конвертеры поддерживают любые популярные пары форматов, включая HEIC, PNG, JPG, WebP, AVIF, GIF и BMP в обоих направлениях, поэтому нет необходимости прогонять файл через промежуточный формат. Пакеты до 500 файлов обрабатываются одновременно, полностью внутри вашего браузера, а это значит, что всю библиотеку изображений можно подготовить к миграции без отправки файлов с вашего компьютера.