Imágenes de sitios web acelerados de WordPress a formato webp

Muchas veces, nuestra velocidad de apertura de WordPress es muy lento, se debe a demasiadas imágenes en la página web, el ancho de banda del servidor en sí no es suficiente para provocar esta situación, y luego un cheque, la página web en la imagen es demasiado grande, cada imagen es un gran cientos de K, o incluso 1-2M, abra la página web al sitio para cargar estas imágenes, lo que reduce en gran medida la página web para abrir la velocidad, por lo que en este momento se opta por optimizar la imagen para Reducir el tamaño de la imagen manera de acelerar el sitio web.

Aquí vamos a introducir un nuevo formato de imagen, el formato webp.

WebP es un formato de imagen moderno desarrollado por GoogleEstá diseñado para ofrecer archivos de menor tamaño y mayor calidad de imagen. Admite técnicas de compresión con y sin pérdidas y permite transparencias y animaciones. Comparado con los formatos tradicionales JPEG y PNG, WebP puede reducir significativamente el tamaño de los archivos manteniendo la calidad de la imagen.

Así que la ventaja de webp es que no compromete la calidad de la imagen, pero su tamaño es menor.

A continuación vamos a presentar cómo convertir todas las imágenes de un sitio web a formato webp.

1, en primer lugar, vamos a estar en el directorio del sitio web de todos los archivos adjuntos de imágenes en formato webp, en el fondo para encontrar Imágenes a Webp plugin, e instalar el

Plug-in instalado A continuación, añadimos el código correspondiente de acuerdo con las instrucciones del plug-in, después de la habilitación, de lo contrario la habilitación informará de un error.

2, añadir el código necesario para el plugin:

Primer código:

map $arg_no_webp $no_webp{
    por defecto "";
    "1" "no_webp".
}

map $http_accept $webp_suffix{
    por defecto "";
    "~*webp" ".webp";
}

Después de añadir el primer trozo de código, reinicie Nginx.

A continuación, abra la configuración del sitio y añada otro fragmento de código.

Segundo código:

Ubicación ~* ^/. +\. (png|gif|jpe?g)$ {
    add_header Vary Accept.
    try_files $uri$webp_suffix$no_webp $uri =404;
}

En este punto, el plug-in de código requerido, todos los añadidos para completar, y luego volvemos a la página web de fondo plug-in de gestión, iniciar Imágenes a Webp plug-ins.

A la espera de la pronta finalización (si el sitio más imágenes, por favor espere pacientemente, la conversión lleva tiempo, puede ser de diez minutos, o 1-2 horas), hasta ahora, todas las imágenes de su sitio en formato webp, el volumen de la imagen es menor.

Aquí abrimos el sitio para probar, el efecto (abrir la página pulse F12, seleccione Red, se puede ver):

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres