WebP, formato de imagen de nueva generación

WebP es un formato de imagen creado por Google que tiene como objetivo proporcionar imágenes de alta calidad con un tamaño de archivo reducido. El formato WebP es compatible con imágenes estáticas y animadas, y se puede utilizar tanto en la web como en aplicaciones móviles.

VENTAJAS DEL FORMATO WEBP

Una de las principales ventajas del formato WebP es que permite una mayor compresión de imágenes sin perder calidad. Esto significa que se pueden utilizar imágenes más grandes y de mejor calidad sin aumentar significativamente el tamaño del archivo. Esto puede ser especialmente útil para sitios web que deseen mejorar la velocidad de carga y la experiencia del usuario.

Otra ventaja de WebP es que es compatible con transparencias. Esto significa que se pueden utilizar imágenes con fondos transparentes, lo que puede ser útil para crear diseños más sofisticados y atractivos. Además, el formato WebP también admite la incorporación de metadatos, lo que puede ser útil para mejorar la optimización y SEO del sitio web.

Por otro lado, algunas herramientas online como «Website Speed Test» (integra información de WebPageTest) te permite analizar una url para ver la parte de optimización relacionada con la carga de las imágenes asociadas y ofrecer alternativas de formato.

También, en cuanto a la parte de performance global de la página, conocemos herramientas como por ejemplo Lighthouse que te permite hacer una auditoría técnica de la página y ofrece información como la de que a nivel de imágenes se recomienda ofrecer un formato de siguiente generación llamado WebP. Otros formatos como el Avif también se recomiendan para la compresión de las imágenes.

COMPATIBILIDAD DE WEBP CON NAVEGADORES

En cuanto a la compatibilidad de WebP, este formato es compatible con la mayoría de los navegadores modernos, incluyendo Google Chrome, Mozilla Firefox y Microsoft Edge. Sin embargo, todavía hay algunos navegadores que no son compatibles como Internet Explorer y Safari (Mac e iOS).

Puedes ver en este gráfico, el listado de compatibilidades y versiones:

Imagen recortada de la web caniuse.com

Para garantizar la compatibilidad con todos los navegadores, es recomendable utilizar herramientas de conversión de imágenes para convertir las imágenes a formatos más ampliamente compatibles, como JPEG o PNG. Puedes encontrar online diferentes herramientas gratuitas para hacer esa conversión. Si lo que quieres es transformar una imagen a WebP, puedes usar esta herramienta gratuita y online de Google llamada «Squoosh» que te permitirá editarla y ajustar según la calidad.

De acuerdo a las estadísticas de W3, el uso que los diferentes sitios web están haciendo de este formato es cada vez mayor. De hecho, actualmente el 6,5% de todos los sitios webs en Internet, usan este tipo de tecnología sobre las imágenes.

Si comparamos este formato WebP con los estándares de mercado, podemos ver que tanto WebP como PNG copa la lista de lejos:

Esta tendencia de crecimiento de WebP en los últimos años, ha hecho que el CMS WordPress (el más utilizado en el mundo) haya tenido que incorporar en su sistema la compatibilidad con este formato desde su versión 5.8 el 07 de junio de 2021.

Si bien es cierto que WordPress no hace la conversión del formato imagen de forma automática (al menos no de momento), sí que con esta nueva actualización podrás publicar una imagen desde el editor una vez ya está formateada en WebP. Sólo tendrá como requisito que tu servidor tenga instalada a biblioteca Imagick (aquí te explico como instalarla).

En resumen, el formato de imagen WebP es una excelente opción para añadir imágenes de alta calidad con un tamaño de archivo reducido. Ofrece una mayor compresión de imágenes, compatibilidad con transparencias y metadatos, y es compatible con la mayoría de los navegadores modernos. Si estás buscando mejorar la velocidad de carga y la experiencia del usuario en tu sitio web, definitivamente deberías considerar utilizar WebP.