¿Qué es WebP?
WebP es un formato de imagen desarrollado por Google y lanzado por primera vez en 2010. Fue diseñado específicamente para la web, ofreciendo compresión tanto con pérdida como sin pérdida en un solo formato. WebP con pérdida usa tecnología del códec de video VP8 (codificación predictiva basada en bloques previamente decodificados), mientras que WebP sin pérdida usa predicción espacial, transformación de color y codificación LZ77-Huffman. WebP también soporta transparencia alfa de 8 bits en ambos modos — algo que JPEG no puede hacer. En 2024, WebP es soportado por más del 97% de los navegadores globalmente.
Cómo Funciona la Compresión WebP
WebP con pérdida divide la imagen en macrobloques (hasta 16x16) y aplica intra-predicción (prediciendo píxeles desde vecinos dentro del mismo fotograma, similar a intra-frames de video VP8) seguida de transformaciones tipo DCT y codificación aritmética. Este enfoque es 25-34% más eficiente que la DCT de JPEG a calidad visual equivalente. WebP sin pérdida usa cuatro técnicas principales: predicción espacial de píxeles, transformaciones de espacio de color para decorrelacionar canales, búsqueda de referencia hacia atrás (estilo LZ77) y codificación de entropía con código de prefijo adaptativo.
Cuándo Comprimir Archivos WebP
Usa compresión WebP para prácticamente todas las imágenes web. Sobresale en fotografías (reemplazando JPEG con archivos 25-34% más pequeños), gráficos con transparencia (reemplazando PNG con archivos significativamente menores), e incluso animaciones simples (reemplazando GIF). Comprime archivos WebP para activos de sitio web, Progressive Web Apps, aplicaciones móviles, contenido servido por CDN, y cualquier contexto donde el ancho de banda y tiempo de carga importan. WebP es el formato recomendado por Google Lighthouse y PageSpeed Insights para lograr Core Web Vitals óptimos.
Mejores Prácticas de Compresión WebP
Para WebP con pérdida, calidad 75-85 proporciona un excelente equilibrio para fotografías. Para WebP sin pérdida, úsalo cuando necesites gráficos con transparencia perfectos a nivel de píxel — típicamente es 26% más pequeño que PNG. Siempre sirve WebP como formato principal con respaldos JPEG/PNG usando el elemento <picture> o negociación de cabecera Accept. Usa WebP con pérdida y alfa para elementos de UI que necesiten transparencia sobre fotografías. Considera animación WebP como alternativa ligera a GIF, logrando archivos 50-80% más pequeños.
