Reproductor e inspector de Lottie
Abre Lottie JSON, .lottie o ZIP para inspeccionar el movimiento y los recursos antes de integrarlos. Asigna las imágenes y fuentes necesarias, y comprueba la animación con distintas posiciones de reproducción, velocidades y fondos. Los archivos originales no se modifican, y no se crean ni se guardan archivos nuevos.
Qué puedes hacer
Abrir un archivo y reproducirlo
Selecciona una animación en JSON, .lottie o ZIP e inspecciónala reproduciéndola, pausándola o cambiando la posición de reproducción.
Vincular los recursos necesarios
Si faltan imágenes, fuentes u otros recursos, añádelos desde tu dispositivo. Si hay varios candidatos, también puedes elegir qué archivo usar.
Comprobar con distintos fondos o velocidades
Cambia entre fondos transparentes, blancos u oscuros, y ajusta la velocidad de reproducción, la repetición o el tamaño de visualización. Los archivos originales no se modifican.
Cómo usarla
Añadir animaciones y recursos
Selecciona Lottie JSON, .lottie o ZIP. Si hace referencia a recursos externos, añade también la carpeta o los archivos de recursos correspondientes.
Seleccionar la animación que se inspeccionará
Si hay varias animaciones, selecciona la que quieras inspeccionar. Si se informa de que faltan recursos o hay candidatos duplicados, indica los archivos correspondientes.
Comprobar el movimiento y el aspecto
Usa los controles para reproducir, pausar y avanzar. Si es necesario, cambia el fondo o la velocidad en «Configuración de reproducción» para inspeccionar la animación.
Usos útiles
Comprobar que los datos recibidos funcionan
Abre una animación recibida y comprueba su movimiento y si están presentes todas las imágenes necesarias.
Comprobar el aspecto antes de integrarla
Prueba fondos claros y oscuros y distintas velocidades de reproducción para valorar si se adapta a la pantalla donde la usarás.
Relación entre animaciones y recursos
JSON, .lottie y ZIP
Lottie JSON contiene datos de animación y formas. Los archivos .lottie y ZIP pueden agrupar animaciones y recursos.
También se necesitan recursos referenciados para mostrar la animación
Si las imágenes, las fuentes u otros recursos están en archivos separados, comprueba sus nombres y ubicaciones de carpeta. Resuelve los recursos que faltan y los duplicados antes de reproducir la animación.
La configuración de reproducción sirve para inspeccionar
Los cambios en la velocidad, la repetición, el fondo y el tamaño de visualización solo afectan a la vista previa. Esta función no edita ni guarda los datos de la animación original.
Comprobar también en el entorno donde se usará
Los temas, los estados interactivos y las funciones específicas del reproductor pueden diferir de la visualización básica de la animación. Poder reproducir una animación aquí no garantiza que se vea igual en todas las aplicaciones.
Preguntas frecuentes
¿Qué hago si no se muestran las imágenes?
Comprueba si falta contenido o no es compatible en «Recursos referenciados». Añade imágenes desde tu dispositivo y, si hay varios candidatos, elige qué archivo usar. Añadir carpetas conservando su estructura facilita comprobar las coincidencias.
¿Puedo reproducir JSON normal o solo imágenes?
Necesitas datos de animación en formato Lottie. Si añades JSON normal o solo imágenes, no se podrán reproducir como animaciones.
¿Puedo guardar un archivo con una velocidad de reproducción distinta?
Esta herramienta sirve para inspeccionar. No guarda la velocidad de reproducción ni otros ajustes en los datos originales ni los guarda en un archivo nuevo.
¿Cómo puedo ver a tamaño original las zonas que quedan fuera del marco?
Selecciona «Tamaño original» en la configuración de reproducción para desplazarte por el área de visualización e inspeccionarla. Vuelve a «Ajustar al marco» para mostrar toda la animación.
¿Se unen varias animaciones en orden?
No. Elige una animación para inspeccionarla y reprodúcelas de una en una. Al cambiar de animación, su configuración de reproducción vuelve a los valores predeterminados.
¿Qué hago si no se muestran las fuentes o las funciones especiales?
Comprueba los archivos de fuente correspondientes. Según la estructura de exportación, añadir recursos quizá no baste para mostrar el contenido. Comprueba también cómo se muestra en la aplicación donde vayas a usarlo, incluidos los temas y los estados interactivos.
Entradas y resultados
- Entrada
- Lottie JSON, .lottie o ZIP. Si es necesario, añade imágenes, fuentes u otros recursos.
- Comprobación
- Movimiento, dimensiones, frecuencia de fotogramas, duración y recursos referenciados.
- Configuración de reproducción
- Velocidad, repetición, fondo y tamaño de visualización. Los datos originales no cambian.
- Salida
- Solo vista previa. No se crean ni convierten archivos, y tampoco se realiza ninguna descarga.