SVGA
Elegir el formato de animación para regalos, efectos de entrada y temas de salas es una decisión con la que convivirás durante años. Define tus SDKs de cliente, tu flujo de trabajo de diseño, tu factura de CDN y cómo se siente tu app en un teléfono Android de $120. Aquí tienes una comparación de ingeniería de los formatos que realmente utilizan las apps de streaming en vivo y de salas de chat de voz, con cifras de catálogos reales.
Comparación rápida
| Formato | Transparencia | Audio | Regalo típico de 5 s | Renderizado | Ideal para |
|---|---|---|---|---|---|
| SVGA 2.0 | Sí (alpha completo) | Sí, integrado | 0.5-2 MB | Capas nativas en GPU | Regalos, efectos de entrada, temas |
| Lottie (JSON) | Sí (vectorial) | No | 0.1-1 MB vectorial; 5-20 MB con imágenes | Rasterización vectorial por fotograma | Movimiento de UI, íconos, mascotas simples |
| WebP animado | Sí | No | 1-4 MB | Decodificación de imagen | Stickers de chat, bucles pequeños |
| GIF | Solo 1 bit | No | 3-12 MB | Decodificación de imagen | Stickers heredados |
| MP4 / H.264 | No | Sí | 0.5-3 MB | Decodificador de video por hardware | Animaciones a pantalla completa sin superposición |
| Secuencia PNG | Sí | No | 10-40 MB | Decodificación de imagen | Nada: conviértela |
SVGA: qué es y por qué ganó
SVGA (Simple Vector Graphics Animation) es un formato abierto de YY/Joyy. Un archivo contiene las imágenes de la animación, una línea de tiempo de transformación por fotograma para cada capa y, desde SVGA 2.0, una pista MP3 integrada, todo comprimido con zlib y codificado en protobuf. Se renderiza a través del reproductor de código abierto SVGAPlayer en Android, iOS, Flutter, React Native y la web. Tres propiedades lo convirtieron en el estándar de la industria: alpha verdadero para que los regalos floten sobre el video del emisor, audio dentro del archivo para que el cliente solo necesite una descarga, y capas compuestas por GPU que no requieren un decodificador de video (motivo por el cual un SVGA a 20 fps se reproduce fluidamente donde una superposición MP4 a 30 fps se traba en un teléfono con 2 GB de RAM).
Lottie: brillante para UI, equivocado para regalos premium
Lottie (Bodymovin JSON) es imbatible para el movimiento en interfaces vectoriales: archivos diminutos, nítidos en cualquier resolución, fáciles de personalizar con temas, y cada equipo móvil ya implementa lottie-android y lottie-ios. Pero los regalos premium no son arte vectorial. Son renders 3D fotorrealistas con partículas, resplandores, efectos bokeh y destellos de lente. Al exportarse como Lottie, se convierten en gigantescos archivos JSON de capas de imagen sin audio, y rasterizar escenas vectoriales complejas en cada fotograma resulta costoso para CPUs de gama baja. El patrón en el que coinciden la mayoría de las plataformas es: Lottie para la UI de la app e insignias, SVGA para regalos y temas. (La herramienta Motion Graphics de SVGA Maker exporta ambos, para que puedas elegir según el recurso).
WebP y GIF: stickers, no efectos
El formato WebP animado es compacto y admite transparencia alpha, por lo que funciona bien para stickers de chat y emojis animados pequeños en bucle. No tiene audio ni control de capas y se decodifica en la CPU, por lo que los efectos de pantalla completa de 5 segundos se convierten en archivos de 3-4 MB que pierden fotogramas. GIF es peor en todos los aspectos: 256 colores, transparencia de 1 bit con bordes serruchados y entre 3 y 12 MB por regalo. Nunca utilices regalos en formato GIF en 2026.
MP4: excelente códec, pero le falta la función clave que necesitas
El video H.264/H.265 es liviano y se decodifica por hardware, pero no puede transportar un canal alpha. Algunas aplicaciones simulan la transparencia con un shader de pantalla verde o con un video alpha en paralelo (al estilo VAP). Funciona, pero los bordes parpadean, cada dispositivo decodifica de forma ligeramente diferente y terminas manteniendo código de renderizado personalizado. MP4 es la opción correcta únicamente para animaciones a pantalla completa que no se superponen sobre la transmisión.
Secuencias PNG: el formato del que debes migrar
Los diseñadores aún entregan secuencias PNG desde After Effects. Son sin pérdidas y transparentes, pero pesan entre 10 y 40 MB por regalo. Conviértelas (o la vista previa en MP4) a SVGA antes de que cualquier archivo llegue al cliente.
Rendimiento en los teléfonos que usan tus usuarios
Las aplicaciones de salas de chat y fiestas crecen más rápido en mercados dominados por dispositivos de 2-3 GB de RAM. La ventaja de SVGA allí es estructural: capas pre-renderizadas, composición por GPU, sin tiempo de calentamiento del decodificador y archivos pequeños. Mantén la tasa de fotogramas en 20 fps para regalos y en 12-15 fps para temas, los anchos entre 384 y 720 px, y los archivos por debajo de 2 MB. Precarga los diez regalos más enviados al entrar a la sala; todo lo demás se puede cargar en el primer envío.
La realidad de las herramientas en 2026
La debilidad histórica de SVGA eran sus herramientas: un complemento para After Effects, exportaciones PNG, conversión manual, sin vista previa. Eso ya está resuelto. SVGA Maker genera regalos a partir de una idea en texto, convierte cualquier video a SVGA con sonido, crea temas silenciosos para salas y permite previsualizar todos los formatos (SVGA, Lottie, WebP, GIF, MP4) en el navegador con audio. Los equipos de AppLooma LLC procesan catálogos completos de plataformas a través de esta herramienta.
Recomendación
- Regalos, efectos de entrada, temas de salas → SVGA 2.0.
- UI de la app, insignias, cargadores → Lottie.
- Stickers de chat → WebP animado.
- Animaciones a pantalla completa sin superposición → MP4.
- GIF y secuencias PNG → nunca en producción.
¿Listo para crear el catálogo? Empieza con cómo crear regalos SVGA para aplicaciones de salas de chat de voz.
Notas de migración si estás cambiando a SVGA
Agrega SVGAPlayer a los clientes (unas pocas horas por plataforma), mantén una ruta de respaldo para versiones anteriores de la app que aún esperen el formato anterior y convierte el catálogo existente en lotes: el convertidor de video a SVGA admite exportaciones MP4 y WebM con sonido, y las secuencias PNG se pueden renderizar primero a MP4. Publica primero los 20 regalos más enviados, mide la fluidez de reproducción en tu matriz de dispositivos y luego migra el resto del catálogo.
Preguntas frecuentes
¿SVGA admite 60 fps? Sí, pero los regalos rara vez necesitan más de 20-25 fps; las tasas más altas solo aumentan el tamaño del archivo.
¿Un mismo archivo SVGA se puede reproducir también en la web? Sí, SVGAPlayer-Web lo renderiza en un canvas con audio; el mismo archivo funciona para Android, iOS y la web.
¿Cómo muestro una miniatura del regalo en la tienda? Exporta un fotograma estático como WebP o PNG (la herramienta gratuita de miniaturas hace esto); nunca cargues la animación solo para dibujar una cuadrícula.
¿Se sigue manteniendo el formato SVGA? El formato es estable y los reproductores son de código abierto con bifurcaciones activas; miles de apps lo utilizan a diario, y SVGA Maker produce archivos SVGA 2.0 estándares que no requieren un reproductor personalizado.
¿Qué hay de VAP o formatos de video con alpha? Resuelven la transparencia para MP4 pero requieren código de renderizado personalizado en cada plataforma y no ofrecen control de capas. La mayoría de los equipos que evalúan ambos siguen eligiendo SVGA para los regalos.
Puntos clave
- SVGA 2.0 es el único formato convencional con alpha verdadero, audio integrado y capas compuestas por GPU, exactamente lo que necesitan los regalos.
- Lottie sigue siendo la herramienta adecuada para el movimiento en la interfaz; mantén ambos en la app y elige según el recurso.
- La disciplina en el tamaño importa más que la elección del formato: 20 fps, 384-720 px, menos de 2 MB por regalo, menos de 3 MB por tema.
- Las herramientas modernas eliminaron los antiguos problemas de SVGA: la generación, conversión con sonido y vista previa en el navegador son ahora operaciones de un solo clic.
- Migra en lotes comenzando con los regalos más enviados y mantén una alternativa de respaldo para versiones anteriores del cliente.
Si no estás seguro, realiza una prueba piloto de dos semanas: convierte tus diez regalos más enviados a SVGA, despliégalos tras una marca de función (feature flag) en una región y compara las sesiones libres de fallos, la latencia en el envío de regalos y la retención en las salas en comparación con el formato anterior. En cada prueba piloto que hemos realizado, la versión con SVGA superó al formato anterior en las tres métricas en dispositivos de gama baja.
