Сегодня поговорим о том Как настроить WebP Express в WordPress на Nginx и PHP-FPM.
Сам плагин легко устанавливается из консоли WordPress, а вот его настройка в связки с Nginx вызывает затруднение. Ну да ладно. Давайте пройдем все этапы по настройке WebP Express вместе с вами. И разберемся как можно настроить WebP Express в CMS WordPress на WEB-сервере Nginx.
Сам процесс установки в данной статье я описывать не буду. Думаю и сами разберетесь. Приступим сразу к его настройке.
Настройка WebP Express в WordPress на Nginx

- Operation mode — устанавливаем в положение Varied image responses.
- Scope — устанавливаем в Uploads and themes, данный параметр отвечает за преобразование файлов в данных папках.
- Images types to work on — устанавливаем в Both jpeg and pngs, данный параметр отвечает за то, какие расширения файлов преобразовывать в WebP.
- Destination folder — тут выбираем в какой папке хранить уже преобразованные файлы. Есть два варианта: оставить в той же или помещать в другую.
- Destination structure — если вы выбрали перемещать преобразованные файлы в другую папку, то в данном пунке уже выбираем название папки: image-roots или document-root.
- Cache control header — можно установить кэш для изображений.
Переходим к следующей категории:

Данная категория помещает необходимые правила в файл .htaccess
. Данные правила необходимы только если у Вас установлен Apache. Но на всякий случай я их оставил.

Здесь настраиваются правила для конвертации изображений в формат WebP. Оставляем без изменений. И так все норм.

Здесь указываются методы конвертирования для вашей системы.
Если у вас отключен метод cwebp, а при прохождении теста выдает: No cwebp binaries could be executed (permission denied for user: "www-data")
. Значит у вас нехватает утилиты cwebp. Для установки в Ubuntu/Debian в терминале набираем следующее:
sudo apt install cwebp

Тут плагин предлагает с конвертировать все имеющиеся изображения в формат *.webp
. А также конвертировать изображения при их загрузке на сайт.

Категория AlterHTML отвечает за автоматическую вставку кода в ваши изображения. Без данного параметра отображение формата *.webp на сайте с WordPress и Nginx так и не заработала.
Также отказывалось работать, если установить в параметре What to replase переключатель в положение Replase image URLs
Если есть вопросы, то пишем в комментариях.