Las imágenes son una de las principales cosas que repercuten en el rendimiento de tu sitio web. Mientras más pesen las imágenes que tengas en tu sitio, mayor va a ser el tiempo de carga de este.

Lo ideal es utilizar un formato de imagen que te otorgue imágenes de buena calidad y que a su vez pesen lo menos posible. Existe un formato para conseguirlo y ese es el WebP, un formato relativamente nuevo que puede ayudarte a reducir el peso de tus imágenes sin afectar la calidad de esta.

En el día de hoy, voy a hablarte sobre lo que es el WebP y cómo puede convertir una imagen de WordPress a este formato.

¿Qué son las imágenes WebP?

Desarrollado por Google en 2010, WebP es un formato de imagen que codifica las imágenes de una manera que, en comparación con los JPG, GIF o PNG, reduce significativamente el tamaño de los archivos de imagen.

Un componente clave en cualquier tipo de compresión de imágenes es la calidad del resultado. Tanto si se utiliza la compresión «con pérdidas» (una representación menos precisa de los datos del archivo, pero de menor tamaño) como si se utiliza la compresión «sin pérdidas» (una representación muy precisa, pero de mayor tamaño), el resultado final de las imágenes WebP es una representación de alta calidad del original.

Puedes convertir casi cualquier archivo de imagen al formato WebP y obtener características adicionales como la transparencia del canal alfa y las capacidades de animación. Verás casi la misma calidad de imagen que en un JPEG o PNG, pero con un tamaño de archivo entre un 20 y un 40 por ciento menor.

Hoy en día, muchos sitios web ofrecen imágenes en formato WebP. Sin embargo, como usuario final, no podrías reconocer ninguna diferencia en el tipo de archivo. Google Chrome, por ejemplo, muestra las miniaturas de YouTube en WebP. Además, si te desplazas por Facebook en un dispositivo Android, todas esas imágenes también están en formato WebP.

Por qué es importante el WebP en tu sitio web

Como hemos mencionado, las imágenes juegan un papel importante en el rendimiento de su sitio web. El tamaño de sus archivos afecta a su velocidad, y a su vez a la UX. Por lo tanto, es importante asegurarse de que estás eligiendo los mejores formatos de archivo de imagen.

WebP es un formato de imagen de trama creado específicamente para las imágenes en línea. En pocas palabras, es importante conocerlo porque permite mostrar imágenes de alta calidad utilizando tamaños de archivo más pequeños de los que se podrían conseguir con otros formatos.

Gracias al método de codificación predictiva, las imágenes WebP pueden codificarse en función de sus valores de píxel. Esencialmente, sólo incluye lo necesario sin distorsionar la apariencia de la foto. Como resultado, el tamaño de los archivos es pequeño, pero la calidad de la imagen sigue siendo relativamente alta.

La capacidad de utilizar más imágenes sin preocuparse por los tiempos de carga lentos puede ayudar a mejorar el aspecto general de su sitio de WordPress. Tener la libertad de utilizar el tamaño y la calidad de las imágenes que desee también le da más flexibilidad en el diseño de su sitio.

¿Todos los navegadores soportan WebP?

Para poder ver las imágenes en WebP, es necesario que cuentes con un navegador que las soporte. Desafortunadamente, no todos los navegadores son capaces de mostrarte este tipo de imágenes. Sin embargo, la mayoría sí lo hará de forma nativa.

Tanto Firefox como los navegadores basados en Chromium (Chrome, Opera, Edge, Brave, etc.) soportan WebP de forma nativa tanto en versión de escritorio como móvil. Por lo cual, utilizando cualquiera de ellos no vas a tener ningún problema.

Sin embargo, el navegador que más se ha resistido al cambio es Safari, quien aún se encuentra en la etapa de implementación de esta tecnología varios años después de su lanzamiento. Sin embargo, ya se está avanzando, por lo que Safari con WebP es todo un hecho.

¿Cómo convertir tus imágenes de WordPress a WebP?

Ahora que sabes lo que es el formato WebP y su importancia, lo siguiente es aprender a utilizarlas en tu WordPress. En líneas generales, el proceso es bastante sencillo, de hecho, para conseguirlo, vas a tener dos opciones. La primera es la forma manual, la cual no es complicada, pero vas a tener que hacerlo imagen a imagen.

Por otro lado, podrás utilizar plugins que se encarguen de hacer esto por ti, algunos de ellos son gratuitos y otros de pago. Usualmente, los gratuitos suelen limitarte un poco a diferencia de los pagos. Sin embargo, siguen siendo una muy buena alternativa.

Convertir imágenes a WebP de forma manual

En la red, vas a poder encontrar diversos conversores de imágenes, muchos de ellos tienen la capacidad de convertir imágenes a WebP. Su funcionamiento es realmente sencillo, tan solo deberás acceder al sitio web y cargar las imágenes que deseas convertir.

Hay conversores que te permitirán convertir varias imágenes al mismo tiempo, esta es una gran ventaja, ya que vas a poder ahorrar tiempo. Una vez hayas cargado las imágenes, deberás esperar a que culmine el proceso de conversión. Generalmente serán unos pocos segundos, pero va a depender de la cantidad de imágenes que hayas cargado.

Una vez tengas las imágenes, tan solo deberás cargarlas a tu WordPress para empezar a utilizarlas.

Convertir imágenes a WebP con plugins

Si quieres facilitarte el trabajo y ahorrar mucho más tiempo, puedes utilizar algún plugin que se encargue del trabajo. En el Marketplace de WordPress podrás encontrar varios de ellos. Estos plugins se encargan de convertir automáticamente a WebP las imágenes que subas.

Con ellos, no vas a tener que hacer nada, ya que el plugin se va a encargar de todo. Sin embargo, es necesario que revises cada tanto, ya que pueden fallar y puede quedar alguna imagen sin convertir.

Hay plugins que son de pago y otros gratuitos, puedes realizar la elección dependiendo de lo que necesites y de tu presupuesto. El más famoso y gratuito se llama EWWW image optimizer y en pocos pasos podrás convertir todas tus imágenes de wordpress a formato webP.

¿Quieres un tutorial del plugin EWWW image optimizer? Házmelo saber en los comentarios y si veo que la gente lo necesita, escribiré un post sobre ello.