Qué es el formato WebP en imágenes

[GUÍA] Para reducir el tamaño de tus imágenes en WordPress gracias al formato WebP

¡Hola y hola querido lector! Ya estoy una semana más por aquí y, en esta ocasión voy a enseñarte todo lo que necesitas saber sobre el formato WebP para las imágenes de tu WordPress.

Así, tal cual.

Hoy te enseñaré todo sobre este novedoso (O bueno, ya no tan novedoso) nuevo formato de imágenes que yo mismo aplico en todos mis trabajos cómo consultor de WPO para WordPress y que, la verdad, no tiene más que ventajas.

De hecho, y a modo de introducción, has de saber que este formato ha sido sacado al mercado por el propio Google…

Así que te podrás imaginar por dónde voy.

Pero no me enrollo más que hay mucho que contar.

Por lo tanto…

¡Al lío!

Tabla de contenidos

¿Qué es el formato WebP para imágenes?

El formato WebP es un formato de imagen desarrollado por Google que supone una clara alternativa a los formatos tradicionales .JPG, .JPEG y .PNG.

Es más, este tipo de archivos WebP son mucho más ligeros que los anteriores y, encima, no repercute negativamente a la calidad de la imagen.

Por lo tanto, verás como en el futuro este formato de imagen es el más extendido en internet, si no lo es ya.

De hecho, Google a través de su herramienta Page Speed Insight en sus auditorías de WPO siempre recomienda utilizar imágenes en formato WebP o marca como error el no hacerlo.

De ahí, que su implantación esté siendo máxima en todas las páginas web del mundo.

Además, esta tecnología puede ahorrarte hasta un 25% de peso en comparación con el resto de formatos gracias a su compresión sin pérdidas (Lossless) basada en una codificación predictiva.

Esta codificación predictiva lo que hace es predecir los valores de los píxeles cercanos en una imagen para predecir sus valores y, posteriormente, codifica la diferencia entre la realidad y la predicción.

De esta forma, este formato consigue reducir el peso de una imagen sin perder calidad.

¿Qué navegadores soportan el formato WebP?

Has de tener en cuenta que el formato para imágenes WebP es relativamente nuevo y no todos los navegadores (Sobre todo los antiguos) lo soportan.

De ahí que la compatibilidad de WebP aún no sea universal.

Sin embargo, si utilizas alguno de los siguientes navegadores no tendrás de que preocuparte:

  • Google Chrome
  • Mozilla Firefox
  • Microsfot Edge
  • Opera

PD. Cómo verás, la gran mayoría de usuarios de internet será capaz de leer estas imágenes WebP ya que los anteriores navegadores web suponen el 80% del tráfico web.

Ventajas que tiene la utilización del formato WebP en imágenes

Entre las principales ventajas del formato WebP en imágenes destacan:

  • Reducción del tamaño de hasta un 25% con respecto al resto de formatos sin pérdida de calidad.
  • Es el formato de imagen recomendado por Google.
  • Siempre podrás optar por presentar tus imágenes web en formato tradicional (.JPG, .JPEG y .PNG) y formato WebP de forma simultánea. Luego te indicaré como.
  • Actualmente existen numerosas herramientas online que te permitirán pasar tus imágenes .JPG, .JPEG y .PNG a formato WebP fácilmente.

Desventajas que tiene la utilización del formato WebP en imágenes

Entre las principales desventajas del formato WebP en imágenes están:

  • Aún no es un formato universal y válido para todos los navegadores.
  • Muchas páginas web aún no han implementado este formato.
  • La copia, edición y utilización de imágenes WebP fuera de una página web es compleja y no todos los programas de edición de imágenes lo soportan todavía.

¿Por qué el formato WebP es bueno para el SEO?

Como te he comentado anteriormente, el formato WebP fue desarrollado inicialmente por Google para aligerar y optimizar la carga de imágenes en páginas web y hacerlas así más ligeras.

Ten en cuenta que cuanto más ligera es una página web, menos le cuesta a Google rastrearla y menos dinero gasta en este proceso. Por este motivo, las páginas web rápidas son premiadas en los resultados de búsqueda de Google y, por ello, suelen aparecer en los primeros puestos de Google.

Además, es el propio Google quién insiste en la necesidad de utilizar este formato de imagen ya que según ellos es el mejor del mercado.

Por lo tanto, como supondrás, utilizar este formato WebP no solo hará que tu página web sea más rápida (WPO) si no que encima serás mirado con buenos ojos por parte de Google.

Cómo implementar el formato WebP en tus imágenes de WordPress

A la hora de implementar el formato WebP a tus imágenes de WordPress lo mejor será hacerlo a través de los diferentes plugins de WordPress que existen en el mercado.

Bajo mi punto de vista los mejores para esta tarea son:

  • Imagify. Sin duda la mejor opción y la que yo mismo utilizo en mis proyectos cómo consultor de WPO para WordPress ya que es una herramienta con la garantía de los creadores de WP Rocket, ahí es nada.
  • ShortPixel. ShortPixel es un plugin de optimización de imágenes muy potente que te permitirá migrar tus imágenes a formato WebP entre otras muchas cosas.
  • EWWW Image Optimizer. Con EWWW Image Optimizer podrás cambiar tus imágenes de WordPress a formato WebP fácilmente.
  • Optimole. Otra alternativa más que se está popularizando en los últimos tiempos a la hora de optimizar las imágenes de tu WordPress.

Cómo añadir imágenes en formato WebP para WordPress con Imagify

Para añadir el formato WebP a tus imágenes en WordPress con Imagify deberás seguir estos pasos:

  1. Comprar su licencia AQUI, descargar y activar el plugin.
  2. Una vez dentro en la sección de AJUSTES GENERALES deberás activar las casillas: Optimización automática de imágenes al subirlas, Backup de las imágenes originales y Compresión sin pérdida.
  3. En la sección OPTIMIZACIÓN deberás activar las casillas: Crear versiones WebP de las imágenes y Mostrar en el sitio las imágenes en formato WebP (En este punto recomiendo utilizar las etiquetas picture a usar reglas rewrite), Redimensiona las imágenes más grandes hasta un máximo de 2024 píxeles de ancho y añadir tu theme en la sección de CARPETAS PERSONALIZADAS.
  4. Posteriormente pulsa sobre el botón GUARDAR & IR A OPTIMIZACIÓN MASIVA.
  5. Selecciona las casillas BILBIOTECA MEDIOS y CARPETAS PERSONALIZADAS para comprimir y optimizar tus imágenes a formato WebP.
  6. Finalmente, pulsa sobre el botón IMAGÍFICALO TODO.

Cómo ver si las imágenes insertadas en tu WordPress están en formato WebP

A la hora de ver si las imágenes insertadas en tu WordPress están en formato WebP te recomiendo seguir estos pasos:

  1. Haz click con el botón derecho del ratón sobre la imagen y pulsa sobre INSPECCIONAR (Si utilizas el navegador Google Chrome)
  2. Una vez abierta la ventana de desarrolladores fíjate en la etiqueta scr de la imagen.
  3. Si la URL de la imagen termina en .webp dicha imagen se estará mostrando en formato WebP

¿Has visto que sencillo?

Conclusiones

Cómo has visto a lo largo del post, el formato WebP es el formato de imagen del futuro.

De hecho, si aún no conocías este formato estoy seguro de que tras leer este post comenzarás a cambiar todos los formatos de imagen de tu página web a WebP.

Por este motivo, antes de hacer nada lo mejor será que hagas una copia de seguridad de tu WordPress o gestor de contenidos y, posteriormente migres tus imágenes a WebP.

De esta forma, no perderás nada en el proceso y solo conseguirás optimizar tu página web WordPress un poco más.

Ahora te toca a ti querido lector. ¿Te ha gustado este post? ¿Conocías este formato de imagen?

Cuéntamelo en los comentarios y nos vemos en dos semanas.

¡Hasta pronto!

¡Espera! Seguro que estos artículos también te interesan:
borja aranda cuadrado

Artículo escrito por:

Borja Aranda Vaquero

¡Hola! Soy Borja Aranda Vaquero y desde los 14 años me dedico diseñar páginas webs atractivas, rápidas, que convierten y optimizadas para SEO.

Deja una respuesta

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

Servicio de
Consultoría de WPO

Mejora la velocidad de tu página web

+100 clientes satisfechos

¿Necesitas ayuda?

Campos marcados con (*) obligatorios

¿Seguro que no quieres optimizar tus imágenes web fácilmente?

Escríbeme tu email y te enviaré 4 herramientas online para optimizar tus imágenes.

Descubre las 4 herramientas online para optimizar tus imágenes

Recibe directamente en tu email un guía con 4 herramientas online para optimizar tus imágenes de forma rápida y sencilla.

Solicita presupuesto sin compromiso

¿En qué necesitas ayuda? *
Cuál es tu página web (Si tienes...)
¿Cómo me has conocido? *
Campos marcados con (*) obligatorios