Cómo cargar imagenes en formato Webp en Wordpress

Cómo cargar imágenes en formato WebP en tu WordPress

WebP es un formato de imagen que viene para quedarse. Primero porque es un formato que ofrece ventajas respecto a otros y segundo porque es un formato creado por el todopoderoso Google. Por estos motivos te interesa averiguar cómo cargar imágenes en formato WebP en tu WordPress.

Índice de contenidos

Qué son las imágenes Webp

Las imágenes Webp son un formato de imagen que se crea en el año 2010 de la mano de Google después de adquirir la compañía On2 Technologies. Desde la compra de la empresa a sido Google quien ha seguido desarrollando el formato añadiendo nuevas características.

Dicho formato soporta tanto la compresión con pérdida como sin ella y aunqué fue Chrome el primero en soportar este formato, a día de hoy la gran mayoría de navegadores lo soportan.

Ventajas del formato WebP

Estás son algunas de las características a tener en cuenta para hacer uso de este formato de imagen:

  • Ahorro de espacio: Las imágenes ocupan menos espacio con una misma calidad que formatos como JPG o PNG
  • Tiempo de carga: Al reducir el peso de las imágenes también reducimos el tiempo de dichas en nuestra página web.
  • Soporte de transparencia: Además, es un formato que soporta la transparencia de imágenes.
  • Soporte de animaciones: Y por si fuera poco también soporta animación, lo que le convierte también en un gran rival del formato GIF.

El único inconveniente que le podemos encontrar es el hecho que no todos los navegadores soportarn este formato.

Cambiar las imágenes con webp converter for media

Antes de entrar en materia os queremos recordar la importancia de optimizar las imágenes de vuestra página web. Para ello os invitamos a visitar el post «Cómo optimizar las imágenes de tu WordPress«.

Bien, para cambiar las imágenes de tu WordPress vamos a utilizar el plugin WebP media converter, que lo podréis encontrar de forma gratuita en el repositorio o descargando desde este enlace.

Una vez instalado y activado accederemos a Ajustes/ Webp Converter. Si nos aparece un un error de configuración del servidor como el de la imagen deberemos contactar con nuestro hosting para que  habiliten las librerías GD o las Imagick.

Configuramos los ajustes del plugin:

  1. List of supported files extensions: Seleccionamos los formatos de archivo que se van a convertir.
  2. List of supported directories: Seleccionamos los directorios de los que vamos a convertir las imágenes.
  3. Conversion method: No tiene más, el método de conversión que utilizaremos. El recomendado es GD.
  4. Extra features: desde el primer selector escogemos si eliminar de forma automática las imágenes Webp que sean más grande que el original y desde el segundo seleccionamos si queremos que las imágenes se guarden en la memoria caché del navegador.
  5. Images quality: Ajusta la calidad de las imágenes que se van a convertir. Recuerda que a mayor calidad también significa tamaños de archivo más grandes. El valor recomendado es el 85%.

Guardamos los cambios.

Webp media converter Configuración

Ya por último lo único que nos faltará es convertir las imágenes al nuevo formato  clicando sobre el botón regenerate.

Desde la herramienta para desarrolladores comprobamos y vemos que los formatos de imagen que nos carga es WebP (recuadro rojo de la imagen).

WebP en WordPress

Puedes repasar todo lo comentado en el siguiente vídeo.

Hasta aquí en tutorial sobre cómo cargar imágenes en formato WebP en tu WordPress. Si tienes alguna duda o consulta dejalos en los comentarios y os responderemos lo antes posible.

Compártenos en tu red social favorita
Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on whatsapp
Añadir Degradados y imágenes a los textos con Elementor

Añadir degradados y imágenes en los textos con Elementor

Aprende a dar un toque personal y exclusivo a tus diseños. En este post te explicamos cómo añadir degradados y imágenes en los textos con Elementor. Índice de contenidos Arrancaremos este tutorial explicando cómo personalizar tus textos con la versión Pro de Elementor. Si no

Que son los estilos del tema de elementor pro

Qué son los estilos del tema de Elementor

Antes de iniciar cualquier proyecto, una parte muy importante del proceso de trabajo para crear cualquier sitio web con WordPress y Elementor es personalizar los elementos que engloban el contenido de tu página web. Para facilitarte esta tarea los chicos de Elementor han añadido la

Cómo cargar imagenes en formato Webp en Wordpress

Cómo cargar imágenes en formato WebP en tu WordPress

WebP es un formato de imagen que viene para quedarse. Primero porque es un formato que ofrece ventajas respecto a otros y segundo porque es un formato creado por el todopoderoso Google. Por estos motivos te interesa averiguar cómo cargar imágenes en formato WebP en

Suscríbete a nuestro blog

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leido y acepto nuestra política de privacidad. *

Responsable:Carlos Jiménez Mendez
Finalidad:Atender solicitudes de información, ejecución de la contratación de servicios y remisión de comunicaciones comerciales.
Legitimación:Consentimiento del interesado y contratación de productos y/o servicios del Responsable
Destinatarios:No se ceden datos a terceros, salvo obligación legal.
Personas físicas o jurídicas directamente relacionadas con el Responsable
Encargados de Tratamiento adheridos al Privacy Shield
Derechos:Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, derecho a no ser objeto de decisiones automatizadas, así como a obtener información clara y transparente sobre el tratamiento de sus datos.
Información adicional:Se puede consultar la política de privacidad de forma más detallada aquí.
Ir arriba