Configurare NGINX pentru a servi fisiere in format WebP

shape
shape
shape
shape
shape
shape
shape
shape

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:

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

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Pagina data web este protejata cu reCAPTCHA care este in aplicarePolitica confidialitatii si Conditiile de service Google.

The reCAPTCHA verification period has expired. Please reload the page.