WebP Animado: Guía Técnica Completa del Formato que Usa WhatsApp

¿Qué es WebP exactamente?

WebP es un formato de imagen desarrollado por Google y lanzado en 2010. Está basado en el códec de video VP8 (también de Google, usado originalmente en WebM). La idea fue adaptar las técnicas de compresión inter-frame de los videos al mundo de las imágenes estáticas y, más tarde, animadas.

Técnicamente, un archivo WebP es un contenedor RIFF que puede guardar:

• Imágenes estáticas con pérdida (VP8 intra-frame).
• Imágenes estáticas sin pérdida (VP8L).
• Canal alfa de 8 bits (transparencia).
• Secuencias animadas con múltiples frames y metadatos de duración.
• Perfil ICC, EXIF y XMP (metadatos).

Compresión: la clave del tamaño pequeño

VP8 usa predicción espacial intra-frame dividiendo la imagen en macrobloques de 16×16 píxeles. Cada bloque se predice a partir de bloques vecinos usando uno de 10 modos (DC, horizontal, vertical, diagonales, TM). Luego, el error de predicción se transforma con DCT 4×4 y se cuantiza.

En secuencias animadas, WebP añade predicción inter-frame: cada frame puede referenciar al anterior mediante un rectángulo con desplazamiento y modo de fusión («blend» o «no-blend»). Esto significa que si un sticker tiene un fondo estático y solo cambia la cara, solo se codifica esa región cambiante —exactamente igual que un códec de video.

WebP vs GIF: por qué GIF está muriendo

GIF (Graphics Interchange Format) fue creado en 1987 por CompuServe. Su limitación más notoria es la paleta de 256 colores por frame, lo que produce gradientes sucios y bandas visibles. Además, GIF usa compresión LZW que es subóptima para contenido fotográfico.

WebP lossy, en cambio, soporta color de 24 bits + alfa de 8 bits y comprime con técnicas de vanguardia. Google publicó benchmarks mostrando reducciones del 64 % en tamaño comparado con GIF de calidad visual similar.

WebP vs APNG: ¿por qué WhatsApp eligió WebP?

APNG (Animated PNG) es técnicamente superior a GIF y también admite 24 bits + alfa. Sin embargo:

• Soporte: APNG no es nativo en todos los navegadores antiguos (IE nunca lo soportó).
• Tamaño: APNG es lossless por naturaleza, lo que produce archivos más pesados.
• Google Push: WebP forma parte del ecosistema Android/Chrome, con soporte garantizado en toda la pila.

Para WhatsApp —propiedad de Meta, que usa stacks técnicos compartidos con Facebook y Instagram, donde WebP ya era estándar— la decisión fue natural.

Codificación con FFmpeg: el enfoque de ttstickers.pro

Internamente, convertimos los videos de TikTok a WebP animado con un comando FFmpeg parecido a este:

ffmpeg -i input.mp4 \
  -vf "crop=W:W:X:Y,scale=512:512:flags=lanczos,fps=15" \
  -c:v libwebp_anim \
  -loop 0 \
  -quality 75 \
  -compression_level 6 \
  -preset picture \
  -an \
  -vsync 0 \
  output.webp

Cada flag importa:

• crop + scale: recorte cuadrado y redimensión a 512×512 con filtro Lanczos (evita aliasing).
• fps=15: reduce a 15 frames/seg; suficiente para fluidez y reduce el peso a la mitad.
• libwebp_anim: el encoder WebP animado (no confundir con libwebp estático).
• loop=0: loop infinito (requisito de WhatsApp).
• quality=75: balance lossy entre tamaño y calidad visual.
• compression_level=6: esfuerzo de compresión (0-6, donde 6 es máximo).
• preset=picture: optimiza para contenido fotográfico (alternativas: drawing, icon, text).
• -an: elimina el audio (los stickers no lo llevan).

El problema del peso máximo (500 KB)

WhatsApp rechaza stickers animados de más de 500 KB. Si tras la codificación inicial el archivo supera ese límite, nuestro servidor aplica una estrategia de fallback escalonada:

1. Primer intento: quality=75, fps=15.
2. Si > 500 KB: quality=60, fps=12.
3. Si todavía > 500 KB: quality=45, fps=10.
4. Último recurso: reducir a 384×384 y luego re-escalar con pad a 512×512.

Este algoritmo permite que prácticamente cualquier video de hasta 3 segundos (incluso con mucho movimiento o detalle) termine cumpliendo el límite, sin que el usuario tenga que preocuparse.

Limitaciones actuales de WebP

Pese a sus ventajas, WebP no es perfecto:

• Herramientas de edición clásicas (Photoshop antiguo) no lo abren nativamente.
• Safari tardó en soportarlo (hasta iOS 14 / macOS Big Sur, 2020).
• No hay control fino de loops parciales (no puedes decir «loop 3 veces»).
• No soporta audio (sería una diferencia con GIF que algunos formatos rivales como APNG tampoco tienen).

¿Qué viene después? AVIF y JPEG XL

En los próximos años, WebP tendrá competencia seria:

• AVIF: basado en AV1, ofrece mejor compresión (~20-30 % más pequeño) pero requiere más CPU para codificar. Soportado ya en Chrome, Firefox y Safari 16.4+.
• JPEG XL: diseñado para reemplazar JPEG y PNG, pero abandonado por Chrome en 2023 (solo Firefox lo soporta experimentalmente).

Para stickers, sin embargo, WebP seguirá siendo el estándar durante años. El costo de migración en miles de apps integradas con WAStickerApps es demasiado alto para que Meta lo cambie sin una razón de peso.

Referencias y lecturas adicionales

• Documentación oficial de WebP (Google Developers)
• RFC 6386: especificación del códec VP8
• Historia de los stickers en WhatsApp
• Cómo funciona nuestro pipeline de conversión