Incrustar imágenes en Lottie JSON
Añade Lottie JSON y las imágenes necesarias e incrusta las imágenes de la animación seleccionada en un único archivo JSON. También se pueden cargar archivos .lottie y ZIP. Resuelve las referencias, comprueba el movimiento de la animación creada y entrégala como JSON con imágenes.
Qué puedes hacer
Incrustar imágenes en JSON
Reemplaza las referencias a archivos externos con datos de imagen para crear Lottie JSON con imágenes.
Vincular referencias con imágenes
Comprueba los recursos que necesita la animación. Añade las imágenes que falten y, si hay candidatos con el mismo nombre, elige qué recursos usar.
Comprobar el archivo creado
Comprueba las imágenes y el movimiento en una vista previa que vuelve a cargar el JSON después de incrustar las imágenes; después, guárdalo.
Cómo usarla
Añadir JSON e imágenes necesarias
Añade Lottie JSON y las imágenes a las que hace referencia. Si conservas la estructura de carpetas al añadirlas, será más fácil comprobar cómo coinciden con las referencias.
Comprobar el destino y las asignaciones de imágenes
Selecciona la animación de destino y comprueba el estado de las imágenes referenciadas. Resuelve los recursos que faltan y los candidatos múltiples.
Crear JSON con imágenes incrustadas
Cuando se hayan resuelto todas las referencias, selecciona «Crear JSON». Esta función no reemplaza las imágenes por otras ni las genera automáticamente.
Comprobar la vista previa del resultado y guardar
Comprueba cómo se muestra el JSON creado y descárgalo. Cambiar la velocidad o el fondo para inspeccionarlo no modifica el JSON que guardas.
Usos útiles
Entregar una animación con imágenes en un solo archivo
Incluye las imágenes necesarias en el JSON para compartirlo y reducir el riesgo de olvidar enviar imágenes por separado.
Agrupar referencias a imágenes externas
Prepara un archivo con las imágenes referenciadas incrustadas para evitar que se rompan las rutas relativas en el destino.
Incrustación de imágenes y formatos de archivo
De referencias externas a URI de datos
Normalmente se hace referencia a rutas o nombres de archivos de imagen. Al incrustarlas, el JSON incluye cadenas que representan los datos de las imágenes.
Incrustar imágenes no reduce el tamaño del archivo
Base64 ocupa aproximadamente 4/3 del tamaño original de los datos de imagen. El JSON con imágenes es mayor que el JSON original, así que comprueba también el tamaño del archivo después de guardarlo.
Incrustación en JSON y agrupación en .lottie
Esta pantalla incluye los datos de imagen en un solo archivo JSON. .lottie agrupa el JSON y los recursos en un paquete comprimido. Elige según los formatos que acepte el destino.
Preguntas frecuentes
¿Incrustar imágenes aumenta el tamaño del archivo?
Sí. Los datos de imagen se añaden al JSON original y se representan en Base64, por lo que el archivo suele aumentar de tamaño. Esta función no comprime imágenes para reducir el tamaño del archivo.
¿En qué se diferencia de empaquetar como .lottie?
La salida es distinta. Esta pantalla crea JSON con imágenes, mientras que «Empaquetar Lottie con imágenes» crea un archivo .lottie con los recursos agrupados. Elige según los formatos compatibles con tu aplicación o biblioteca.
¿Qué ocurre si faltan imágenes referenciadas?
Tienes que añadir los recursos que faltan. Si hay varios candidatos con el mismo nombre, elige qué archivo usar. No se puede crear el JSON hasta resolver todas las referencias necesarias.
¿Se obtienen automáticamente las imágenes desde sus URL?
Las imágenes no se obtienen automáticamente de URL externas. Añade los recursos necesarios desde tus archivos locales y comprueba las referencias correspondientes.
¿Se modifican el JSON o las imágenes originales?
Los archivos originales no se sobrescriben. Se guarda un archivo JSON nuevo. Después de cambiar el destino o las asignaciones de recursos, vuelve a crearlo.
¿Se puede convertir cualquier archivo Lottie a JSON?
La entrada debe poder cargarse como Lottie y tener resueltos todos los recursos necesarios. Esta pantalla no puede crear una salida si la entrada contiene extensiones que no se pueden transferir, como temas o estados interactivos.
Entrada y resultados
- Entrada
- Lottie JSON y las imágenes locales necesarias. También se pueden cargar archivos .lottie y ZIP. Esta función no convierte JSON normal en vídeo.
- Salida
- Una animación seleccionada. JSON con sus datos de imagen referenciados incrustados.
- Comprobación
- Guarda una vez disponible la vista previa de la salida generada. Vuelve a crearla después de añadir recursos o cambiar las asignaciones.