Работа с форматом WebP, все плюсы и минусы

За последние годы более 95% браузеров поддерживают данный формат сжатия изображений. Процесс интеграции шел довольно не быстро, с учетом того что данный формат был представлен Google 11 лет назад. Основное преимущество над всеми известным Jpeg было в уменьшении веса файла с сохранением того же качества изображения. А с таким развитием онлайн торговли и в целом интернета интерес к нему рос с каждым годом.

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

К примеру, на вашем сайте вы размещаете 1000 артикулов товара, по 3-4 фото на одну единицу товара, получается примерно 3500 фото. Со средним разрешением в 1600 пикселей в формате Jpeg такой объем будет весить в среднем около 2х гигабайтов. После конверсии в формат WebP вес файлов можно будет уменьшить на 30-70% и это весьма внушительно.
Нужно не забывать еще об одном не маловажном факторе, скорость загрузки изображений на вашем сайте так же изменится. Клиенту за более короткое время будут подгружаться карточки с товаром. Ведь далеко не всем удобно совершать покупки онлайн находясь за ПК. Поэтому почти у всех интернет магазинов есть свое приложение.

Основным реальным недостатком является то, что с этим форматом неудобно работать. К примеру Photoshop официально пока не поддерживает его, поэтому для того чтобы редактировать картинки этого формата нужно установить специальный плагин, к сожалению пакетно батчить в данном редакторе не получится, а идея ручного преобразования выглядит весьма не практично. Но многие конструкторы сайта поддерживают WebP. Вы просто загружаете привычный для вас формат PNG или JPEG, а платформа сама конвертирует. Важно помнить, что перед загрузкой на сайт фото можно сохранять не в максимальном качестве, 70% будет достаточно.

Для фотошопа есть плагин для работы с WebP. Выбираем подходящую версию:
(32 bit) или (64 bit) Копируем папку с файлами в C:\Program Files\Adobe\Ваша версия Photoshop\Plug-ins
Теперь в фоторедакторе можно без проблем работать в данном формате.

Для сохранения в WebP запускаем Photoshop, закидываем картинку для сохранения, нажимаем сохранение файла (или клавиши Ctrl +Shift + S) и внизу списка выбираем WebP.

Качество сохранения выставляем 70-80%.