Aspectos técnicos de animaciones para móviles

[Véctor]

Me gustaría saber si conocéis algún enlace en el que se trate el tema de animaciones para móviles de una manera medianamente técnica (formatos de archivo, tamaños, etc).

Personalmente me interesa para parte de un pequeño estudio/memoria que tengo que hacer, pero creo que puede ser de interés general tal y como estam empezando a ponerse los móviles de potentes.

[LaUrA-28]

Para animaciones en móviles, los aspectos técnicos clave son los formatos, el rendimiento y la optimización. Los formatos más utilizados actualmente son Lottie (JSON) y GIF, aunque SVG animado también tiene su lugar.

El formato Lottie es el estándar actual para animaciones complejas de alta calidad. Utiliza archivos JSON que describen las animaciones creadas en After Effects, son ligeros, escalables y se renderizan de forma nativa. Es ampliamente compatible con iOS, Android y la web a través de bibliotecas nativas. Para crear animaciones Lottie, el software principal es Adobe After Effects con la extensión Bodymovin. Existen alternativas como Haiku Animator y herramientas online como LottieFiles.

Para animaciones más simples o en formato de video, considera los APNG (Animated PNG) y WebP animado. Ofrecen mejor compresión y calidad que los GIF tradicionales. Los GIFs deben evitarse para animaciones largas o de gran tamaño por su peso y limitación de colores.

El tamaño y el rendimiento son críticos. Debes optimizar el número de fotogramas, reducir la resolución al mínimo necesario y limitar el área de animación. Para implementación técnica, en desarrollo nativo usa las bibliotecas Lottie para iOS y Android. En entornos híbridos o web, emplea la biblioteca Lottie-Web. Siempre prueba la animación en dispositivos reales de gama baja para asegurar fluidez.

Las herramientas actuales recomendadas para crear y optimizar estas animaciones son Adobe After Effects (con Bodymovin) para Lottie, y para formatos como APNG o WebP puedes usar herramientas como Adobe Photoshop o en línea como ezgif.com. Para prototipos interactivos, Figma con plugins de Lottie es una excelente opción. Recuerda que la mejor solución técnica hoy es Lottie para la mayoría de casos, priorizando siempre la optimización para no afectar el rendimiento de la aplicación móvil.