WebP, ese gran desconocido

Nota (2026): este artículo refleja la situación de cuando se escribió. Hoy WebP funciona en todos los navegadores actuales, así que la mayoría de sitios ya no necesita estas soluciones.

Introducción

#

WebP es un formato de imagen nuevo que ofrece compresión con y sin pérdida para las imágenes de la web:

• Las imágenes WebP sin pérdida ocupan un 26 % menos que los PNG.
• Las imágenes WebP con pérdida ocupan entre un 25 % y un 34 % menos que los JPEG con un índice SSIM equivalente.
• Admite transparencia sin pérdida (también llamada canal alfa) con solo un 22 % de bytes adicionales.
• La transparencia también funciona con compresión con pérdida, y suele generar archivos 3 veces más pequeños que PNG cuando la pérdida es aceptable en los canales rojo, verde y azul.

Pese a esto, WebP no es un formato muy utilizado actualmente, probablemente porque Internet Explorer y Firefox no lo soportan. Pero tenemos opciones que pueden solucionarlo tanto en cliente como en servidor. Veámoslo con más detalle.

En el cliente

#

Si nuestra capacidad de proceso y almacenamiento en el servidor es limitada, podemos dejar este proceso al navegador con librerías como WebPJS.

En el servidor

#

También podemos hacer las operaciones necesarias en el servidor:

• Apache o NGINX: podemos usar PageSpeed, que es capaz de servir las páginas con WebP o sin él según el navegador que realice la petición.
• C#: ImageProcessor es capaz de realizar las conversiones entre formatos al vuelo. La propia Google también explica cómo trabajar con WebP en C#.

Conclusión

#

Este formato es, a mi modo de ver, el mejor formato de imagen existente en la actualidad, y navegadores como Firefox deberían incluir soporte, ya que su licencia es libre (BSD). Internet Explorer también debería incorporarlo, aunque, al ser responsable una empresa privada, tiene libertad para equivocarse y, aunque debería, no tiene por qué responder ante la comunidad.