Формат WebP для Windows, Photoshop и Google
Формат WebP для Windows, Photoshop и Google
Дизайн

Формат WebP для Windows, Photoshop и Google

Формат файла WebP

Формат WebP — это один из самых прогрессивных форматов сжатия изображения. Файл webp даёт отличную картинку и визуально не отличается от JPEG. При этом занимает в до 2 раз меньше места! Формат файла WebP придумали в Google, они же его и продвигают.

[screenshot формат файла WebP]

Чем открыть формат WebP

В среде Windows и Mac по-умолчанию файлы формата webp не открываются даже для просмотра. Что кстати странно, учитывая что другой, куда более специфичный RAW, давно снискал поддержку на всех системах. Напомню, что им как правило, пользуются про-фотографы, а обычные люди хранят фото в jpeg.

Чтобы открыть формата WebP, в windows есть несколько способов. Давайте я расскажу обо всём по-порядку.

Для начала стоит установить в поддержку WebP непосредственно в систему, чтобы Проводник Windows, или же Finder в MacOs «на лету» понимали формат, и с ним было также легко работать, как и с любой другой фотографией или картинкой.

Формат файла WebP - миниатюры в проводнике windows

WebP для Windows

Для того чтобы Windows отображало миниатюры изображений формата webp — необходим соответствующий кодек — это что-то вроде драйвера.
Скачивайте его прямо с сайта google api developers (ссылка).
Устанавливайте как обычную программу, перезагрузка не потребуется.

Установка плагина Webp для Проводника Windows

WebP на MacOs

Есть информация что в редакции 2021 года MacOs добавили встроенную поддержку формата WebP, но свежего Мака у меня под рукой нет, потому не могу это ни подтвердить, ни опровергнуть.
Так или иначе на github есть решение (ссылка).
Также Google советует использовать их вариант (ссылка developers) для просмотра WebP на MacOs.

Плагин WebP для Adobe Photoshop

Почему Adobe до сих пор не добавили поддержку формата WebP для Adobe Photoshop по-умолчанию, я не знаю. Как профессионал фотографии я обязан был протестировать формат со всеми его нюансами и настройками, кто знает — может быть он действительно скоро заменит jpeg, который уже морально устарел. Самый удобный для этого способ — поставить плагин формата WebP в Photoshop и активировать поддержку формата на входе и выходе.

Для этого идём на github — и устанавливаем плагин формата (.8bi) WebP Shop.

WebP для Photoshop

Если подробнее, что вам следует выбрать версию разрядности ОС, скорее всего это x64, последняя в списке, жмите на неё, затем:

WebPShop.8bi > Download

Кстати в той же папке bin есть и версия плагина WebP для Adobe Photoshop на MacOs.

Итак, в итоге вы скачали всего один файл «WebPShop.8bi«, отлично! Как и в случае с установкой шрифтов на Adobe Photoshop, положить файл плагина формата следует в каталог с плагинами.
Наверняка у вас это : Program Files \ Common Files \ Adobe \ Plug-Ins \ CC \ File Formats

[screenshot плагин WebP в фотошопе]

Просто скопируйте его туда, и затем перезапустите Фотошоп.
Готово! Теперь вы можете открывать и сохранять файлы в формате WebP в Adobe Photoshop.

Оптимизация с Google PageSpeed Insights

Как я уже сказал, формат WebP придумали в Google, потому не удивительно, что они будут о нём регулярно напоминать. 😅

Самый эффективный и популярный способ анализа уровня seo оптимизации и скорости загрузки сайта — PageSpeed Insights от Google, ставит требование использовать формат WebP для сайта, на первое место.

[screenshot webp в google pagespeed]

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

Но, увы, чтобы соблюсти требования PageSpeed — лучше использовать WebP для изображений — нравится нам это или нет.

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

В моём блоге вы найдёт полезное и бесплатное об Adobe Photoshop, обработке фото в Лайтрум, а также статьи по современному тагретингу и рекламе. Успехов Вам, а вопросы — в комменты ниже! 👇