Wordpress webp images

Originally published at: https://root.bg/tutorials/wordpress-webp-images/

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

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

 

Инсталираме 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

10x адаш!