El uso del formato de imagen WebP puede mejorar significativamente la velocidad de carga y el rendimiento de un sitio web, especialmente en aquellos que contienen un gran número de imágenes.Formato de imagen WebP desarrollado por Google(matem.) géneroMayor relación de compresión y mejor calidad de imagenes actualmente una opción popular para mejorar el rendimiento de los sitios web. En este post, vamos a detallar dos formas de utilizar imágenes WebP en WordPress: a través de la función Optimizador de imágenes EWWWyImagify.
![Image[1]-2 Formas de Usar Imágenes WebP en WordPress - Photon Flux Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710260287.png)
Método 1: Usar imágenes WebP en WordPress con la ayuda de EWWW Optimiser
EWWW Image Optimizer es un potente plugin de compresión de imágenes para WordPress que soporta los formatos de imagen WebP y los muestra automáticamente en los navegadores compatibles. A continuación se detallan los pasos para convertir imágenes a formato WebP utilizando EWWW Image Optimizer:
Paso 1: Instalar y activar el plug-in EWWW Image Optimizer
- Inicie sesión en el backend de administración de WordPress.
- Vaya a Plugins > A?adir nuevo plugin.
- Escriba "EWWW Image Optimizer" en la barra de búsqueda, busque el plugin y haga clic en "Instalar".
![Image[2]-2 Formas de Usar Imágenes WebP en WordPress - Photon Flux | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710071525.png)
- Una vez finalizada la instalación, haga clic en "Activar".
Paso 2: Configurar las opciones del plugin EWWW Image Optimizer
- Después de activar el plug-in, vaya a la página Configuración > Optimizador de imágenes EWWW.
- El plugin mostrará un asistente de instalación, pero puedes hacer clic en el enlace "Sé lo que hago" para salir del asistente.
![Image[3]-2 Formas de Usar Imágenes WebP en WordPress - Photon Flux | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710081981.png)
- Desplácese hacia abajo y marque la casilla situada junto a la opción Conversión WebP.
- Haz clic en el botón "Guardar cambios" para almacenar los ajustes.
Paso 3: Insertar reglas de reescritura
- Desplácese hasta la sección Conversión WebP.
![Image[4]-2 Formas de Usar Imágenes WebP en WordPress - Photon Flux | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710055548.png)
- El plugin utilizará la imagen roja de previsualización para mostrarle algunas reglas de reescritura.
![Image[5]-2 Formas de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710132017.png)
- Pulse "Insertar regla de reescritura", el plugin intentará insertar automáticamente estas reglas de reescritura en su archivo .htaccess.
- Si el plugin a?ade correctamente estas reglas, la vista previa de la imagen roja cambiará a verde y mostrará "WebP"Texto.
![Imagen [6] - 2 Maneras de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710135360.png)
Paso 4: Insertar reglas de reescritura manualmente (si es necesario)
- Si el plugin no puede insertar la regla, copie la regla de reescritura de la página de configuración del plugin.
- mostrar (una entrada) .htaccess y pegue las reglas copiadas al final del archivo.
- Vuelva a la página de configuración del plugin y haga clic de nuevo en el botón "Guardar cambios".
Paso 5: Convertir por lotes imágenes antiguas a la versión WebP
- Vaya a la página Multimedia > Biblioteca y cambie a la vista de lista.
- Pulse el botón Opciones de pantalla y cambie el Número de elementos por página a 999.
![Imagen [7] - 2 Maneras de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710123733.jpg)
- Haga clic en la casilla "Seleccionar todo" de la parte superior para seleccionar todas las imágenes.
- Seleccione la opción "Optimización de lotes" en el menú desplegable "Acciones por lotes" y haga clic en el botón "Aplicar".
- En la siguiente pantalla, seleccione la opción para omitir la compresión de la imagen y convertirla sólo a WebP.
![Imagen [8] - 2 Maneras de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710225423.png)
- Haga clic en el botón "Escanear imágenes no optimizadas" y luego en el botón "Optimizar" para continuar.
Paso 6: Probar la entrega de imágenes WebP
- Abra una entrada de blog que contenga varias imágenes.
- Pasa el ratón por encima de cualquier imagen y haz clic con el botón derecho para abrirla en una pesta?a nueva.
- Confirme que la barra de direcciones muestra la imagen con la extensión .webp.
![Imagen [9] - 2 Maneras de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710210638.png)
Método 2: Utilizar Imagify para usar imágenes WebP en WordPress
Imagify permite convertir imágenes a formato WebP. A continuación se detallan los pasos para convertir imágenes a formato WebP utilizando Imagify:
Paso 1: Instalar y activar el plugin Imagify
Introduzca "Imagify" en el cuadro de búsqueda A?adir nuevo plugin, busque el plugin y haga clic en "Instalar" para activarlo.
Paso 2: Configurar las opciones del plugin Imagify
- Después de activar el plugin, vaya a la página Configuración > Imagify.
- Pulse "Crear una clave API gratuita"Botón
![Image[10]-2 Maneras de Usar Imágenes WebP en WordPress - Photon Flux Network | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710174192.png)
- Introduzca su dirección de correo electrónico y compruebe si ha recibido un mensaje con la clave API.
![Imagen [11] - 2 Maneras de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710180251.png)
- Copie y pegue la clave API en la página de configuración del plugin y haga clic en "Guardar cambios"Botón
Paso 3: Activar las opciones de conversión WebP
- Desplácese hasta la sección Optimización y marque las opciones "Crear versiones Webp de imágenes" y "Mostrar imágenes en formato Webp en sitios web".
![Image[12]-2 Formas de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710184624.png)
- Elija el método de entrega adecuado (método.htaccess o método de etiquetas).
- Haga clic en el botón "Guardar e ir al optimizador de lotes".
![Imagen [13] - 2 Maneras de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710195750.png)
Paso 4: Optimizar imágenes por lotes
- Vaya a la página Medios > Optimización por lotes.
- El plugin empezará a optimizar automáticamente todas las imágenes de WordPress en segundo plano.
- Espere a que finalice la optimización.
Paso 5: Probar la entrega de imágenes WebP
- Abra una página o un post que contenga algunas imágenes.
- Pase el ratón por encima de la imagen y haga clic con el botón derecho para seleccionar "Abrir imagen en nueva pesta?a".
- Confirme que la barra de direcciones muestra la imagen con la extensión .webp.
![Imagen [14] - 2 Maneras de Usar Imágenes WebP en WordPress - Photonflux.com | Servicio Profesional de Reparación de WordPress, Alcance Global, Respuesta Rápida](http://gqxi.cn/wp-content/uploads/2024/08/2024080710205663.png)
Los dos métodos anteriores son eficaces a la hora de utilizar imágenes WebP en WordPress para mejorar el rendimiento del sitio web. Dependiendo de sus necesidades específicas y del plugin que esté utilizando, elija el método más adecuado para garantizar que las imágenes se carguen más rápido y ofrezcan una mejor experiencia de navegación a sus usuarios.
Enlace a este artículo:http://gqxi.cn/es/15998El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios