WebP в JPG: когда конвертировать, когда не стоит и почему так

Google выпустила WebP в 2010 году как более компактную замену JPG для интернета, и десять лет формат оставался нишевым, потому что Safari его не показывал. Всё изменилось, когда Apple добавила поддержку WebP в Safari 14 и macOS Big Sur в 2020 году. Как только формат стали открывать все крупные браузеры, компании, которые раздают изображения в больших объёмах, перешли на него. Они сделали это на стороне сервера: вы не видите, как принимается это решение, и ничто на странице не подскажет, какой формат перед вами на самом деле.

Например, CDN изображений Shopify отдаёт WebP любому браузеру, который сообщает, что умеет его показывать, даже если фото товара загружено как JPG. Google Картинки показывают превью в WebP. WordPress принимает загрузки WebP с версии 5.8 (2021 год); план по умолчанию конвертировать загруженные JPG в WebP отменили до выхода версии 6.1, но плагин Modern Image Formats от команды производительности WordPress и многие оптимизаторы изображений на хостингах делают именно это. Результат везде одинаков: на компьютере владельца сайта файл был JPG, а до вас дошёл уже как WebP.

Браузер в этом охотно участвует. Каждый запрос изображения от Chrome, Edge и Firefox содержит заголовок Accept со списком image/webp (и image/avif), а сервер с поддержкой согласования формата читает этот список и выбирает самый компактный формат из тех, что вы можете показать. Когда вы щёлкаете правой кнопкой и выбираете Сохранить изображение как, браузер сохраняет те байты, которые уже получил. Поэтому в адресной строке имя файла может заканчиваться на .jpg, а на диск файл всё равно приходит как WebP, иногда даже с двойным расширением вроде .jpg.webp.

Браузеры перестали быть проблемой много лет назад. Сложности остались во всём остальном: в программах, установленных до 2022 года, в формах загрузки, где список допустимых форматов написали один раз и больше не трогали, в конвейерах типографий, рассчитанных на JPG и TIFF, и в почтовых клиентах, которые показывают вложенные картинки собственным декодером. Ни одна из этих систем не сообщает об ошибке понятно. Портал печати просто отказывается принимать файл, госформа пишет, что формат недопустим, а старый Photoshop выдаёт общее сообщение «не удалось выполнить запрос», где WebP даже не упоминается.

Нативное открытие и сохранение WebP Adobe добавила в Photoshop в версии 23.2, вышедшей в феврале 2022 года; для более старых версий нужен сторонний плагин. Lightroom Classic годами не импортировал WebP, поэтому библиотека на старой версии молча пропустит такие файлы при импорте. В Windows старое средство просмотра фотографий вообще не открывает WebP, а приложение «Фотографии» в Windows 10 зависит от пакета Microsoft WebP Image Extensions из магазина. Строже всего формы загрузки: например, при загрузке фото на визу в DS-160 Госдепартамента США принимается только JPEG, а на многих порталах университетов и работодателей указаны JPG, PNG и PDF — и ничего больше.

WebP необычен тем, что один формат выполняет две задачи: сжатие с потерями для фотографий и сжатие без потерь с альфа-каналом для графики. При конвертации нужно выбрать, какую из этих задач выполнял файл, потому что JPG и PNG хорошо справляются только с одной. Вопрос не в том, какой формат лучше вообще (это сравнение разобрано в статье JPG, JPEG и PNG: в чём разница), а в том, что именно в этом изображении и куда оно пойдёт дальше.

Фото товара, обои, снимок блюда или отпускной кадр лучше сохранить в JPG: он будет в разы меньше PNG и выглядеть так же. Логотип, значок, стикер, вырезанный товар на прозрачном фоне или скриншот с большим количеством текста лучше сохранить в PNG, потому что JPG либо зальёт прозрачные области сплошным цветом, либо размажет чёткие края букв. Если не уверены, откройте файл во вкладке браузера с тёмной темой: если вокруг объекта виден шахматный узор или тёмный фон страницы, в изображении есть прозрачность и нужен PNG.

При конвертации WebP с потерями в JPG пиксели декодируются и кодируются заново другим методом, поэтому результат не совпадает с исходным побитно. На практике при качестве JPG 85–90 разница намного ниже порога, который заметен при обычном размере, даже на экране с высоким разрешением. Заметная потеря в скачанном WebP произошла раньше, когда сайт его сжимал, и конвертация не вернёт эти детали; она лишь не добавляет заметных потерь сверху. Вторая и третья конвертации накопятся, поэтому конвертируйте один раз, из сохранённого WebP, а не по цепочке форматов.

Изменятся три вещи, которые вы можете заметить. Файл вырастет, обычно на треть и больше, потому что JPG менее эффективен; если у формы есть лимит в KB, сначала конвертируйте, а затем сожмите до 100 KB или до нужного лимита. Прозрачность будет сведена: в конвертере WebP в JPG параметр Прозрачные области по умолчанию заливает такие пиксели цветом Белый, либо Чёрный, либо Свой цвет. И анимация пропадёт: в JPG один кадр, сохраняется только первый.

Не менее важно то, что остаётся прежним: размеры в пикселях, ориентация и цвета не меняются, а встроенный цветовой профиль сохраняется, пока включён параметр Сохранить цветовой профиль. Если конвертируете для печати, поднимите Качество до 90 и выше: лишние байты в фотолаборатории ничего не стоят и снимают сомнения насчёт плавных градиентов в небе и на коже. Для загрузки со строгим лимитом в KB обычно хватает 80, фото остаётся чистым, а запас до лимита больше, чем при 90. Ниже примерно 70 вокруг текста и тонких линий появляются блочные края.

Прежде чем конвертировать, стоит проверить, отдаст ли сайт оригинальный файл: так вы полностью пропустите одно поколение сжатия. Получится ли это, зависит от того, как сайт создаёт WebP. Если WebP формирует CDN на лету, JPG всё ещё лежит на сервере, и правильный запрос его получит. Если сайт хранит только WebP, как делают некоторые установки WordPress после конвертации загрузок, JPG уже нет, и остаётся только конвертация.

Способы ниже расположены от самого надёжного к наименее надёжному. Ничего необычного в них нет: это обычные действия в браузере и ссылки для скачивания, которые сайт уже предлагает. Самый популярный в интернете совет — добавить ?format=jpg в конец адреса изображения — при этом самый ненадёжный. Он работает, только если CDN случайно читает параметр с точно таким именем, а большинство не читает, так что вы получите тот же WebP, и никакой ошибки о неудаче не будет.

Если вы сохранили каталог товаров, набор референсов или папку с обоями, конвертировать файлы по одному быстро надоедает. Конвертер принимает до 20 файлов за раз, до 95 MB каждый, применяет ко всем одни и те же настройки Качество и Прозрачные области и возвращает один ZIP-архив. Файлы удаляются с сервера через 30 минут после обработки, ничего устанавливать не нужно. Папка из 100 изображений — это пять партий.

Отсортируйте папку заранее. Фотографии отправьте в одну партию для JPG, а логотипы, значки и всё с прозрачным фоном — в другую для WebP в PNG, чтобы вокруг изображения не появилась белая рамка. На Mac отдельные файлы можно конвертировать командой Экспорт в Preview, а для очень больших папок в командной строке подойдёт mogrify -format jpg *.webp из ImageMagick. Результат тот же, что и в браузерном конвертере; отличается только объём настройки.

В Chrome, Edge и Firefox нет настройки «сохранять изображения как JPG», и это не упущение. Формат выбирает не браузер: он сообщает, какие форматы умеет показывать, а сайт выбирает один из них. Chrome сохраняет ровно то, что ему прислали, без перекодирования, и это правильно: тихая конвертация при сохранении добавила бы потери, о которых вы не просили. Поэтому смена браузера тоже редко помогает. Все современные браузеры указывают WebP в заголовке Accept и получают с одного сайта один и тот же WebP.

Остаются три практических варианта. Можно получить оригинал через сам сайт, по шагам выше. Можно установить расширение, которое перекодирует изображение при сохранении: это та же конвертация, только с другой кнопкой. Или сохранить WebP и конвертировать его лишь тогда, когда какая-то программа его не принимает. Третий вариант обычно самый простой: значительная часть сохранённых изображений нужна только для просмотра на экране, а там WebP открывается в любом браузере, в Preview на macOS Big Sur и новее и в приложении «Фотографии» в Windows 11.

Если интересно, как WebP соотносится с другими современными форматами, которые сейчас отдают сайты, включая AVIF, начинающий вытеснять WebP на тех же CDN, читайте AVIF, HEIC и WebP: в чём разница. Практические советы из этой статьи подходят почти без изменений: AVIF, который программа не принимает, решается так же — конвертацией в JPG для фотографий или в PNG для графики. Подробнее о самом формате — на странице проекта WebP от Google.