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.comWebp 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 адаш!