WordPress webp картинки

WebP е съвременен формат на изображението, който осигурява отлична компресия без загуби на изображенията в мрежата.

В този пост ще споделя, как да направим нашият wordpress блог да работи с този формат за по-добра оптимизация с помощта на nginx и webp.

Wordpress webp images

 

Инсталираме webp

apt-get install webp

webp е нужен за скрипта ни, който ще конвертира всичките ни картинки jpg/png във webp.

Webp script

Скрипта изглежда така:

Слагаме го в крон и го правим да се пуска 1 път на ден. Пуска се ето така :

/root/webp.sh /var/www/saitani.com

Webp mime type

В /etc/nginx/mime.types добавяме :

 image/webp webp;

и рестартираме nginx.

Nginx vhost

Конфигурацията на nginx vhost-a е следната:

Най-горе добавяме map блок:

А по-долу добавяме следните два блока които касаят png/jpg разширенията :

Идеята като цяло е следната ; ако браузъра ни поддържа webp то nginx-a ще ни сервира картинките във webp формат.
Ако не , то ще ни сервира оригиналния им формат – png или jpg.

Тестване

Отваряме Developer -> Developer Tools на google chrome, отиваме на Network и рефрешваме сайта. Ако всичко е ок, в полето type трябва да виждаме всичките ни изображения във webp формат.

Wordpress webp images

 

Като цяло това е по темата за WordPress webp images

10x адаш!