Ce este WebP?
WebP este un format de imagine dezvoltat de Google care utilizează compresie cu pierdere pentru a reduce dimensiunea fișierelor de imagine fără a compromite calitatea vizuală semnificativă. A fost creat pentru a fi un format de imagine eficient pentru web, ceea ce înseamnă că fișierele WebP sunt mai mici în dimensiune ceea ce este important pentru performanța site-urilor și a aplicațiilor web.
Cum configuram webp si avif in NginX?
Pentru a activa webp si avif, mai intai trebuie sa ne asiguram ca sunt definite in fisierul /etc/nginx/mime.types.
image/webp webp;
Daca acestea nu exista, trebuiesc adaugate la finalul blocului image:

Dupa ce au fost adaugate, testati config file-ul nginx si restartati serviciul nginx:
sudo nginx -t
sudo systemctl nginx reload
Acum adaugati in /etc/nginx/nginx.conf in blocul http:
http {
...
map $http_accept $webp_suffix {
default "";
"~*webp" ".webp";
}
....
}
Acum trebuie sa adaugam in blocul server:
server {
listen 80;
listen [::]:80;
listen 443 ssl http2;
listen [::]:443 ssl http2;
...
location ~* ^.+\.(png|jpe?g)$ {
add_header Vary Accept;
try_files $uri$webp_suffix $uri =404;
}
...
}
Dupa ce au fost adaugate, testati config file-ul nginx si restartati serviciul nginx:
sudo nginx -t
sudo systemctl nginx reload