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.
• El sitio ha habilitado el acceso a la mediateca para garantizar que las imágenes puedan cargarse y gestionarse.

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 sencilloLa versión más reciente del producto es la adecuada para las 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.

Uso 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

Uso de herramientas en línea ::

• espectáculo (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 "Comprima" en la primera. Tras seleccionar el formato WebP, puede ajustar la calidad, la tasa de compresión y otros parámetros según sus necesidades. (Como se muestra en la Figura 1.2 , Figura 1.3)
• Descargar imágenes convertidas: Cuando haya 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

utilizar 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:

• Photoshop: Despué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: GIMP es un software de procesamiento de imágenes gratuito y de código abierto que permite exportar imágenes directamente al formato WebP. Tras abrir la imagen, seleccione "Archivo > Exportar como" y, a continuación, seleccione el formato WebP.

GIMP tiene unGuardar las funciones incorporadas de Webp, el 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 desea guardarla como cualquier otro tipo de archivo (como WebP, JPG o PNG), elEs necesario exportarlo.

Sep1 : Cargue sus imágenes en GIMP.

Sep2: En la barra de menú superior, seleccione " Archivo ", luego seleccione " EXport As ... "

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

Sep4: Siga las indicaciones 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 que se conserve en la nueva imagen. Si no quiere perder calidad, marque "Sin pérdidas"; 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 los enlaces de imagen existentes
   • Edite un mensaje o una 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.