Crear Lottie con imágenes
Añade Lottie JSON, .lottie o ZIP y las imágenes a las que hacen referencia, comprueba las correspondencias y reúnelos en un solo .lottie. Puedes entregar una animación seleccionada junto con sus recursos. Las dimensiones y la calidad de las imágenes no cambian, y puedes comprobar el movimiento de la animación creada antes de guardarla.
Lo que puedes hacer
Combinar imágenes y animación en un solo archivo
Guarda las imágenes a las que hace referencia el Lottie JSON junto con la animación en .lottie.
Comprobar las correspondencias de recursos
Empareja los nombres de referencia con las imágenes de tu dispositivo. Si faltan imágenes o varios candidatos tienen el mismo nombre, confirma las correspondencias antes de crear el archivo.
Reproducir y guardar el archivo creado
El .lottie generado se carga de nuevo para la vista previa. Comprueba las imágenes y el movimiento y, después, descarga ese archivo.
Cómo se usa
Añadir JSON e imágenes
Añade el Lottie JSON y las imágenes necesarias. También puedes añadirlos juntos como carpeta o ZIP.
Comprobar las correspondencias de imágenes
Comprueba los recursos que corresponden a cada referencia. Añade las imágenes que falten y elige la imagen que se usará si hay varios candidatos.
Crear .lottie
Comprueba las imágenes y el movimiento en la vista previa y pulsa «Crear archivo .lottie». Si hay varias animaciones, se crea la que selecciones.
Comprobar el resultado y guardar
Cuando se muestre la vista previa del archivo generado, comprueba su contenido y pulsa «Descargar» para guardarlo.
Útil para
Entregar animaciones con sus recursos
Empaqueta el JSON de la animación y las imágenes en un solo .lottie en lugar de entregarlos por separado.
Publicar animaciones que usan imágenes
Prepara un archivo que contenga las imágenes necesarias para incrustarlo en un sitio o una aplicación compatible con .lottie.
Entregar Lottie con imágenes
Nombres de referencia e imágenes locales
Comprueba los recursos que corresponden a los nombres y las rutas de imagen del JSON. Si varios candidatos tienen el mismo nombre, elige el que se usará. Las imágenes no se obtienen automáticamente desde URL externas.
.lottie y JSON con imágenes incrustadas
.lottie es un formato de paquete que guarda animaciones y recursos. Usa «Incrustar imágenes en Lottie JSON» para codificar las imágenes como cadenas e incluirlas en el JSON.
El reproductor de destino
Comprueba si el destino admite .lottie. Comprobar la visualización en esta página no garantiza una reproducción idéntica en todos los reproductores.
Aspecto de las imágenes y ajustes de vista previa
Las dimensiones y la calidad de compresión de las imágenes no se modifican. La velocidad de reproducción, el fondo y la repetición son solo para la vista previa y no afectan al movimiento ni a los recursos guardados.
Preguntas frecuentes
¿Qué ocurre si faltan imágenes necesarias?
Se muestra la referencia correspondiente y se detiene la creación. Añade imágenes desde tu dispositivo. Las imágenes que faltan no se obtienen ni se generan automáticamente.
Tengo varias imágenes con el mismo nombre.
Selecciona una imagen para cada referencia. Comprueba las rutas de las carpetas y las vistas previas para emparejar las imágenes deseadas.
¿Puedo crear Lottie solo con imágenes?
No. Necesitas un Lottie JSON con movimiento definido. Esta herramienta empaqueta esa animación y las imágenes a las que hace referencia.
¿Puedo guardar varias animaciones juntas?
Esta página guarda la única animación que seleccionas. Usa «Empaquetar varias animaciones Lottie en un solo archivo» para empaquetar varias animaciones manteniéndolas separadas.
¿Puedo crear archivos que contengan temas o estados interactivos?
Esta función no puede gestionarlos. Poder previsualizar el movimiento básico no significa que se pueda crear la salida conservando ajustes avanzados. Exporta un Lottie básico y añádelo aquí.
Entradas y resultados
- Entrada
- Lottie JSON, .lottie o ZIP, y las imágenes u otros recursos a los que hace referencia desde tu dispositivo.
- Salida
- Un .lottie que contiene una animación seleccionada y sus recursos.
- Archivos originales
- No se sobrescriben. Vuelve a crear la salida tras cambiar la entrada o las correspondencias de recursos.