Definición: WebP es un formato de imagen rasterizada creado para reducir el peso de imágenes estáticas y animadas en la web. Admite compresión con pérdida y sin pérdida, transparencia y metadatos, utiliza habitualmente la extensión .webp y su tipo MIME es image/webp.
Una imagen WebP conserva una cuadrícula de píxeles, por lo que su calidad y nitidez dependen de la resolución y de la configuración de codificación. El formato puede sustituir a JPG, PNG o GIF en muchos usos, pero el resultado debe evaluarse según el contenido y no solo por la extensión del archivo.
Índice de contenidos
Cómo funciona WebP
El archivo utiliza un contenedor basado en RIFF, organizado en bloques identificables. Según el modo elegido, los datos visuales se codifican mediante VP8 para compresión con pérdida o VP8L para compresión sin pérdida. El formato extendido permite incorporar transparencia, animación, perfiles de color y metadatos.
En la compresión con pérdida, el codificador predice bloques de píxeles a partir de áreas cercanas y almacena principalmente las diferencias. En la modalidad sin pérdida, emplea transformaciones, referencias a fragmentos ya vistos y paletas cuando resultan convenientes para reconstruir exactamente la imagen.
La especificación WebP describe la estructura del contenedor y sus flujos de datos. La extensión no determina por sí sola el nivel de calidad: dos archivos WebP creados desde la misma fuente pueden presentar pesos y artefactos muy distintos debido a los parámetros de codificación.
Modos de compresión
WebP ofrece varios modos que conviene elegir según el tipo de imagen y su función. Las opciones principales son:
- Con pérdida: Descarta información para reducir el tamaño y suele adaptarse bien a fotografías.
- Sin pérdida: Reconstruye los píxeles originales y resulta útil para gráficos o capturas que exigen fidelidad exacta.
- Casi sin pérdida: Introduce ajustes limitados antes de la codificación sin pérdida para obtener archivos menores.
- Calidad alfa: Permite ajustar por separado la compresión de la transparencia en determinadas herramientas.
La compresión sin pérdida no garantiza que WebP sea siempre más pequeño que cualquier alternativa. La eficiencia cambia con el ruido, la paleta, las dimensiones y la configuración. Por eso debe compararse el peso junto con la calidad perceptual, preferiblemente sobre las imágenes reales del proyecto.
Transparencia en WebP
El formato puede almacenar un canal alfa para representar píxeles transparentes o semitransparentes. Esta capacidad está disponible en imágenes sin pérdida y también puede combinarse con datos de color codificados con pérdida, una diferencia relevante frente al JPG.
La transparencia hace que WebP sea adecuado para productos recortados, elementos de interfaz y composiciones sobre fondos variables. Aun así, los bordes, degradados y halos deben revisarse después de convertir la imagen, porque una compresión intensa del color puede afectar el aspecto de las zonas próximas al contorno.
Animación en WebP
Un archivo WebP puede contener varios fotogramas, sus duraciones, un color de fondo y reglas de mezcla o sustitución. También admite fotogramas transparentes y permite combinar compresión con pérdida y sin pérdida dentro de una animación.
Esta opción puede reducir el peso frente a un GIF equivalente y evita su límite de 256 colores por fotograma. Sin embargo, para secuencias largas, sonido o controles de reproducción, un formato de vídeo suele ser más apropiado que una imagen animada.
Comparación con otros formatos
WebP no reemplaza automáticamente a todos los formatos. La elección depende del contenido, la edición posterior, la compatibilidad requerida y el resultado de la codificación. Las diferencias habituales son:
- JPG: Es una opción extendida para fotografías con pérdida, pero no admite transparencia ni animación.
- PNG: Conserva los píxeles sin pérdida y admite transparencia; WebP puede ofrecer menor peso, aunque debe comprobarse en cada imagen.
- SVG: Describe gráficos vectoriales escalables y suele ser más adecuado para iconos, logotipos o geometría sencilla.
- AVIF: Es otro formato rasterizado moderno que puede lograr una compresión mayor y admitir más profundidad de color, pero presenta costes de codificación y un historial de compatibilidad diferentes.
El formato de origen también debe conservarse cuando sea necesario editar, archivar o volver a exportar. Convertir repetidamente entre formatos con pérdida acumula degradación; generar cada variante desde una fuente maestra evita ese problema.
Optimización de WebP
Una estrategia eficaz no consiste en convertir todas las imágenes con el mismo ajuste. Para mejorar la WPO, deben equilibrarse calidad, peso y coste de procesamiento. Las acciones recomendables incluyen:
- Ajustar dimensiones: No servir más píxeles de los necesarios para el espacio de visualización.
- Crear variantes: Usar
srcsetysizespara adaptar la descarga al dispositivo. - Comparar ajustes: Probar distintos niveles de calidad en fotografías, gráficos y transparencias.
- Eliminar metadatos: Retirar EXIF o XMP cuando no sean necesarios para el uso previsto.
- Definir respaldo: Utilizar
<picture>cuando el público o la herramienta requieran otra alternativa.
Los navegadores modernos ofrecen soporte amplio, pero una cadena de publicación también incluye editores, gestores de contenido, CDN, aplicaciones y bots. La compatibilidad completa debe comprobarse en ese recorrido. Después de publicar, conviene medir el tamaño transferido, la calidad visible y métricas como LCP en las páginas donde la imagen tenga un papel relevante.