Lottie es un formato abierto para gráficos vectoriales animados

• Lottie es un formato de archivo de animación vectorial de código abierto iniciado en 2015 para reproducir animaciones de Adobe After Effects en varios entornos, como la web y dispositivos móviles
• Los datos de animación se manejan principalmente como archivos basados en JSON e incluyen la estructura necesaria para la reproducción, como keyframes, curvas de easing e información de capas
• A partir de gráficos vectoriales independientes de la resolución y del tweening, se formó un ecosistema con varios reproductores, renderers y herramientas de creación
• Lottie Animation Community está refinando el formato para convertirlo en una especificación oficial estable, a la vez que integra gradualmente en el estándar funciones usadas en reproductores existentes
• Comprender las diferencias entre extensiones y formatos cercanos, como .lot, video/lottie+json y dotLottie (.lottie), ayuda a reducir confusiones en la implementación y distribución

---

Formato Lottie y flujo de creación

• Lottie es un formato de archivo de código abierto para gráficos vectoriales animados
  • Fue creado inicialmente en 2015 por Hernan Torrisi como formato para exportar y reproducir animaciones de Adobe After Effects
  • Actualmente se usa en la web, aplicaciones móviles y otros sistemas, y cuenta con varias implementaciones independientes de renderers y soporte para creación
• El flujo de creación que utiliza Adobe After Effects y un plugin dedicado es ampliamente usado
  • Puede incluir animaciones complejas, motion graphics y elementos interactivos
  • Después de la creación, se puede exportar como archivo JSON de Lottie
  • El archivo JSON incluye keyframes, curvas de easing e información de capas necesarios para reproducir la animación
• Sus componentes principales apuntan tanto al tamaño de archivo como a la compatibilidad entre plataformas
  • Gráficos vectoriales: imágenes independientes de la resolución, hechas con figuras geométricas como curvas y líneas, no con una cuadrícula de píxeles
  • Tweening: técnica de animación en la que, cuando el animador define las propiedades de una figura en ciertos keyframes, los fotogramas intermedios se interpolan automáticamente
  • Ecosistema: hay reproductores, herramientas de creación, bibliotecas y assets gratuitos, y miles de empresas lo usan para mejorar la experiencia de usuario
  • Formato de archivo abierto: estándar abierto basado en JSON, fácil de transmitir por la web y de manipular con herramientas existentes
• Documentos relacionados
  • Read the Spec
  • Implementations page

Lottie Animation Community y estandarización

• Lottie Animation Community (LAC) es un proyecto de código abierto sin fines de lucro alojado por The Linux Foundation
  • Está dedicado a establecer Lottie File Format como una tecnología de gráficos vectoriales animados y un formato de archivo abierto eficiente, extensible y multiplataforma
  • Busca desarrollar una especificación oficial del formato Lottie que pueda implementarse en renderers y herramientas
  • Impulsa la estandarización industrial y la adopción amplia de Lottie File Format
• LAC opera bajo la gobernanza de Joint Development Foundation
  • Garantiza un enfoque abierto y colaborativo en el trabajo de estandarización
  • Prioriza la transparencia para que los miembros de la comunidad tengan voz en el proceso de desarrollo y mejora del formato
• Todavía existe una brecha entre las funciones existentes y la especificación oficial
  • Lottie se usa desde mucho antes de la creación de LAC y evolucionó con un conjunto rico de funciones creadas por la comunidad
  • LAC integra gradualmente las funciones existentes en la especificación mientras las refina y formaliza como un estándar oficial estable
  • Las funciones de Lottie que ofrecen los reproductores actuales se pueden seguir usando
  • Las funciones que aún no están incluidas en la especificación oficial se pueden consultar en la documentación del formato Lottie de LottieFiles

Diferencias entre extensiones y dotLottie

• Los archivos Lottie pueden usar la extensión .json o .lot
  • .json se ha usado ampliamente por razones históricas
  • IANA reconoció oficialmente .lot como extensión de archivo estándar y video/lottie+json como tipo MIME
  • Se recomienda usar la extensión .lot para alinearse con el estándar oficial
• dotLottie y Lottie son formatos distintos
  • Lottie es un formato de animación de código abierto basado en JSON que LAC está estandarizando
  • dotLottie (.lottie) es un formato superconjunto desarrollado por LottieFiles
  • Permite empaquetar el archivo JSON principal de Lottie y assets como imágenes y fuentes en un único archivo comprimido más pequeño
  • Para más detalles, se puede consultar el sitio web de especificaciones de dotLottie

Participación de la comunidad

• LAC es un proyecto colaborativo abierto en el que cualquier persona de la comunidad puede participar
  • Puedes influir en el rumbo futuro de Lottie contribuyendo a la especificación, participando en debates y mejorando herramientas
  • El punto de partida es la página de contribución