Tutorial superdetallado de Nanny: Le enseñará a convertir imágenes WebP en WordPress y a acelerar su sitio web.

A menudo, encontramos El sitio web de WordPress se abre lentamenteEl motivo suele ser que las páginas web delDemasiadas fotosy cada imagen delEl tamaño de los archivos es muy grande.Además del servidor.Ancho de banda limitado, estos factores se combinan para provocar que la página tarde demasiado en cargarse.

Por lo tanto.Imágenes optimizadasSe convierte en una de las formas clave de mejorar la velocidad de su sitio web.Al reducir el tamaño de archivo de las imágenes, no sólo puede acelerar la carga de las páginas web, sino también mejorar la experiencia general del usuario y el rendimiento SEO..En este post, voy a explicarle paso a paso cómo implementar la conversión de imágenes WebP en WordPress.Se trata de un formato de imagen moderno que puede reducir drásticamente el tamaño de los archivos manteniendo la calidad, lo que le ayudará a mejorar eficazmente el rendimiento de su sitio web.

condiciones previas

• Puede visitar el backend de WordPress e instalar el plugin.
• Se ha habilitado el acceso a la mediateca en el sitio web para garantizar que se puedan cargar y gestionar las imágenes.

Introducción al proceso

Implementación del diagrama de flujo en formato webp en WordPress

Cómo implementar la conversión de imágenes WebP en WordPress

Para implementar la conversión de imágenes WebP en WordPress, puede utilizar un plugin para convertir el formato de imagen automáticamente o hacerlo manualmente. Aquí tiene los pasos detallados para ambos métodos:

Método 1: Conversión manual a formato WebP

Este enfoque es másmás sencilloIdeal para personas que necesitanControl preciso de la calidad de imagenO simplementeConvertir un pequeño número de imágenesLa situación. Este método requiere que tenga algunos conocimientos de manipulación de imágenes.

Utilización de herramientas en línea tal vez Software de edición fotográfica para la conversión

Herramientas en línea

|

Software de edición fotográfica

Utilización de herramientas en línea ::

• mostrar (una entrada) SquooshSe trata de una herramienta en línea gratuita proporcionada por Google para convertir rápidamente imágenes en formato JPEG o PNG a WebP. Como se muestra en la figura 1.1.
• Subir una foto: Pulse en la página "Subir una foto" para seleccionar la imagen que desea convertir.
• Ajuste de la compresión: En el menú de la derecha, seleccione "Comprimir" en la primera. Después de seleccionar el formato WebP, puede ajustar la calidad, la tasa de compresión y otros parámetros según sea necesario. (Como se muestra en la Figura 1.2 , Figura 1.3)
• Descargar imágenes convertidasUna vez finalizado el ajuste, pulse "descargando" para guardar la imagen WebP en su ordenador.

Figura 1.1 Herramienta en línea Squoosh

Figura 1.2 Pantalla de selección de Squoosh

cumplir

hacer uso de Photoshop tal vez GIMP realizar una conversión(Este tutorial utiliza GIMP como ejemplo, porque GIMP es fácil de usar y gratuito).

Introducción adicional:

• PhotoshopDespués de instalar el plugin WebP, puede acceder a él en Photoshop a través del botón "guardar como (un archivo)" guarda la imagen en formato WebP.
• GIMPGIMP es un programa de tratamiento de imágenes gratuito y de código abierto que permite exportar imágenes directamente al formato WebP. Después de abrir la imagen, seleccione "Archivo > Exportar como" y, a continuación, seleccione el formato WebP.

GIMP tiene unGuardar las funciones integradas de WebpEl GIMP es un poco extraño en el sentido de que si intenta guardar una imagen, el GIMP sólo le permite guardarla como un archivo XCF. Si quiere guardarla como cualquier otro tipo de archivo (como WebP, JPG o PNG), el botónDebe exportarse.

Sep1 Carga tus imágenes en GIMP.

Sep2: En la barra de menú superior, seleccione " Archivo " y, a continuación, seleccione " EXport As ... "

Sep3: Cambie el nombre a "xxx.webp", (por ejemplo, si su nombre de archivo es "guangzi.png" a "guangzi.webp"), y haga clic en "Exportar".

Sep4Siga las instrucciones para seleccionar el formato al que desea exportar. Antes de que el GIMP exporte una imagen al formato WebP, verá una ventana emergente preguntándole cuánta calidad desea conservar en la nueva imagen. Si no quiere perder calidad, marque "Sin pérdidas (Loss)"; si no le preocupa, ajuste el control deslizante según sus necesidades.

golpe (en el teclado)“Exportar“

Carga y sustitución de imágenes

1. Cargar imágenes WebP
   • Inicie sesión en el backend de WordPress y vaya a "mediateca", haga clic en "Añadir nuevos medios" para cargar la imagen WebP recién convertida.
2. Sustituir enlaces de imágenes existentes
   • Edite una entrada o página para sustituir manualmente un enlace de imagen existente por una imagen WebP cargada. Puede hacerlo a través del botón "Insertar medios" selecciona una nueva imagen WebP para sustituir a la original.