2 formas sencillas de utilizar imágenes WebP en WordPress para mejorar la velocidad y el rendimiento del sitio

WebP es un formato de imagen moderno que reduce el tamaño de los archivos y mejora el rendimiento de los sitios web, al tiempo que mantiene una alta calidad de imagen. Para crear una imagen en Sitio web de WordPressaún puede necesitar herramientas o complementos adicionales para utilizar WebP de forma eficaz.

Este artículo le dará más detalles Dos métodosEsto le ayuda a utilizar imágenes WebP en su sitio web WordPress para optimizar el rendimiento de su sitio web sin comprometer la calidad de las imágenes.

¿Qué es WebP?

WebP es un moderno formato de imagen desarrollado por Google que reduce el tamaño de los archivos de imagen WebP en 25%-34% comparación con los formatos tradicionales JPEG y PNG sin apenas pérdida de calidad. Debido a su excelente rendimiento de compresión, WebP es ampliamente reconocido como una herramienta ideal para acelerar los sitios web.

WebP, PNG y JPEG: Cómo elegir el mejor formato de imagen para su sitio web WordPress

22 de julio 11:36

03690

Aunque la mayoría de los navegadores modernos (como Google Chrome, Firefox y Microsoft Edge) son compatibles con WebP, algunos navegadores antiguos no lo son. Por lo tanto, puede ser necesario configurar una solución alternativa para garantizar la compatibilidad.

¿Por qué utilizar WebP en WordPress?

El uso de imágenes WebP tiene varias ventajas:

1. Mejore el rendimiento del sitio web: Archivos más pequeños significan cargas de página más rápidas, mejor experiencia de usuario y posicionamiento SEO.
2. Reducción del uso del ancho de banda: El archivo comprimido ahorra recursos del servidor y es especialmente adecuado para sitios con mucho tráfico.
3. Ventaja SEO: Los sitios web acelerados suelen obtener mejores resultados en las clasificaciones de los motores de búsqueda.

Cómo utilizar imágenes WebP en WordPress (2 formas)

Método 1: Utilice el plug-in EWWW Image Optimizer

EWWW Image Optimizer es un potente plugin de optimización de imágenes para WordPress. Es compatible con el formato WebP y puede mostrar automáticamente imágenes WebP para los navegadores compatibles.

Paso 1: Instale y active el plugin

1. Inicie sesión en el backend de WordPress.
2. entrar en Plugins > Instalar Plugins.
3. Busque "EWWW Image Optimizer".

4. golpe (en el teclado) montajey active el complemento.

Paso 2: Configurar los ajustes de conversión WebP

1. entrar en Ajustes > Optimizador de Imagen EWWW Página.

2. Desplácese hacia abajo para encontrar "Conversión WebP", marque esta opción.

3. golpe (en el teclado) Guardar cambios para guardar los ajustes.

Paso 3: Insertar reglas de reescritura

1. En "Conversión WebP", haga clic en Insertar regla de reescritura el plugin intentará escribir la regla en el archivo .htaccess Documentación.

2. Si la regla se inserta correctamente, la imagen de vista previa se vuelve verde y muestra "WebP"Palabras.
3. Si falla, deberá copiar la regla manualmentey péguelo en el .htaccess parte inferior del documento.

Paso 4: Convertir por lotes imágenes antiguas

1. cambiar a Medios > Biblioteca, cambie a la vista de lista.
2. Haga clic en la parte superior de la página unánime para seleccionar todas las imágenes.
3. Seleccione la opción "Optimización por lotes" y haga clic en el botón aparato.

4. El complemento optimiza automáticamente la imagen y genera una versión WebP.

Método 2: Utilice el plug-in Imagify

Imagify atribuible Cohete WP Un plugin de optimización de imágenes desarrollado por el equipo. Convierte fácilmente las imágenes al formato WebP y proporciona diferentes métodos de entrega para garantizar la compatibilidad.

Paso 1: Instale y active el plugin

1. Inicie sesión en el backend de WordPress.
2. entrar en Plugins > Instalar Plugins.
3. Busque "Imagify".
4. golpe (en el teclado) montajey active el complemento.

Paso 2: Configurar los ajustes del plugin

1. cambiar a Ajustes > Imagify Página.
2. golpe (en el teclado) Crear una clave API gratuitaIntroduzca su dirección de correo electrónico.

3. Compruebe su correo electrónico, copie y pegueClave APIVaya a la página de configuración del plugin.
4. Desplácese hacia abajo y marque "Creación de una versión WebP de una imagen"y"Visualización de imágenes en formato WebP"Opciones.

Paso 3: Elija el método de entrega

1. opción Método .htaccess(más rápido) o Métodos de etiquetado(para sitios que utilicen una CDN).
2. Guarde los cambios e inicie la optimización por lotes.

Paso 4: Optimizar imágenes por lotes

1. cambiar a Medios > Optimización de lotes Página.
2. El complemento optimizará automáticamente todas las imágenes existentes y generará versiones WebP.

Cómo verificar que su sitio utiliza imágenes WebP

1. Abra una página o una entrada que contenga varias imágenes.
2. Haga clic con el botón derecho en cualquier imagen y seleccione "Abrir imagen en una nueva pestaña".
3. En una nueva pestaña, visualice la extensión de la imagen en la barra de direcciones. Si la pantalla .webpSi está utilizando imágenes WebP, entonces su sitio está utilizando correctamente imágenes WebP.

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

9 de octubre 15:11

018W+6W+

Resumen:

El uso de WebP en WordPress puede lograrse a través de plugins como EWWW Image Optimizer e Imagify, que no sólo admiten conversiones WebP, sino que también sirven automáticamente imágenes WebP a los navegadores compatibles con opciones fallback para garantizar la compatibilidad.