Lottie a JSON
Elige una animación para extraerla de .lottie, Lottie JSON o ZIP y crear un archivo para un entorno que use JSON. Elige un archivo JSON con imágenes incrustadas o un ZIP con el JSON y las imágenes por separado; comprueba el movimiento y, después, guarda el archivo.
Qué puedes hacer
Extraer la animación que necesitas
Desde un archivo .lottie con varias animaciones, elige la que necesites y conviértela a JSON.
Elegir cómo entregar las imágenes
Elige un archivo JSON con imágenes incrustadas o un ZIP que contenga el JSON y las imágenes por separado.
Comprobar el movimiento convertido
El archivo creado se vuelve a cargar para mostrar una vista previa. Antes de guardarlo, compáralo con las imágenes y el movimiento originales.
Cómo usarla
Añadir Lottie
Añade .lottie, Lottie JSON o ZIP. Esta herramienta no convierte JSON de datos normal en una animación.
Elegir una animación y el formato de salida
Selecciona la animación que quieres extraer y, después, elige JSON con imágenes o un ZIP con las imágenes en archivos separados.
Comprobar el contenido y crear
Comprueba la vista previa y los recursos referenciados. Si la entrada contiene temas u otra información similar, revisa qué no se puede transferir antes de crear la salida.
Comprobar el resultado de la conversión y guardar
Comprueba la vista previa del archivo generado y descárgalo. Si usas ZIP, conserva la estructura de carpetas original del JSON y las imágenes extraídos.
Usos útiles
Entregar en un entorno compatible con JSON
Entrega una animación como JSON en un destino que no admita .lottie.
Organizar imágenes y datos de movimiento
Para gestionar las imágenes como archivos separados, obtén un ZIP con el JSON y las imágenes por separado.
JSON independiente y ZIP con recursos
Un archivo JSON con imágenes incrustadas
Los datos de imagen se incluyen en el JSON. Puedes entregar un solo archivo JSON sin enviar las imágenes por separado.
ZIP con JSON e imágenes separados
Agrupa el JSON y las imágenes a las que hace referencia. Ten en cuenta que cambiar los nombres o las ubicaciones de las imágenes después de extraerlas rompe las referencias.
Configuración específica del paquete
Los temas, los estados interactivos y la configuración del paquete no se pueden transferir al JSON de animación estándar. En las entradas afectadas, confirma explícitamente esta acción y conserva también el .lottie original.
Vista previa y destino
La velocidad de reproducción y el fondo solo se aplican a la vista previa. No cambian el contenido guardado. Comprueba también las imágenes y el movimiento en el reproductor de destino.
Preguntas frecuentes
¿Puedo elegir una animación si el archivo contiene varias?
Sí. Selecciona una animación para inspeccionarla y convertir la que elijas. Esto no exporta todas las animaciones juntas como JSON.
¿Puedo extraer las imágenes como archivos separados?
Elige «ZIP con JSON e imágenes separados». Guarda un paquete con el JSON y las imágenes. Si solo necesitas imágenes u otros recursos, usa «Extraer recursos Lottie».
¿Se conservan los temas o los estados interactivos?
No se pueden transferir a JSON estándar. Para las entradas afectadas, se pide confirmación y no se puede crear la salida hasta que aceptes. Es posible que la salida convertida por sí sola no permita reconstruir todo el paquete original.
¿Qué hago si faltan recursos?
Comprueba las referencias y añade desde tu dispositivo las imágenes u otros recursos necesarios. Si hay varios candidatos, elige qué recursos usar. No se puede crear el JSON ni el ZIP hasta resolver las referencias.
¿Puedo convertir cualquier archivo JSON?
Esta herramienta acepta archivos JSON en formato de animación Lottie. No convierte en movimiento archivos JSON normales, como datos de tablas o archivos de configuración.
Entradas y resultados
- Entrada
- .lottie, Lottie JSON o ZIP, y los recursos necesarios desde tu dispositivo.
- Salida
- Una animación seleccionada. De forma predeterminada, se usa JSON con imágenes incrustadas; si quieres, elige un ZIP con recursos.
- Archivos originales
- No se sobrescriben. Si cambias el formato o la animación seleccionada, vuelve a crear la salida.