Visor Lottie
Reproductor Lottie online gratis. Abre cualquier animación Lottie JSON, reproduce, avanza fotograma a fotograma, cambia la velocidad, activa el bucle y previsualiza sobre tablero de transparencia, todo en tu navegador.
¿Qué es un archivo Lottie?
Un archivo Lottie es una exportación en JSON de una animación vectorial, normalmente creada en After Effects con el complemento Bodymovin o en herramientas como LottieFiles. Las apps y webs lo reproducen con un renderizador ligero en lugar de un vídeo, así pesa muy poco y no pierde calidad a ninguna escala.
¿Cómo previsualizo una animación Lottie aquí?
Haz clic en la zona de carga o arrastra tu archivo .json. La animación se carga al instante y empieza a reproducirse. También puedes usar el botón de ejemplo para probar el reproductor con una muestra integrada.
¿Mi animación se sube a algún servidor?
No. El archivo se lee y renderiza por completo dentro de la pestaña del navegador. No se transmite nada, por lo que es seguro para trabajos de clientes sin publicar y material confidencial.
¿Qué controles de reproducción hay?
Reproducir y pausar, botón de reinicio, interruptor de bucle, barra de fotogramas arrastrable y selector de velocidad de 0,25x a 2x. La lectura muestra el fotograma actual, el total y los FPS de la animación.
¿Por qué hay un fondo de tablero de ajedrez?
El tablero simula la transparencia, igual que en las herramientas de diseño. Úsalo para comprobar que tu animación no tiene fondo no deseado; cambia a blanco o negro para revisar bordes, brillos y sombras sobre superficies claras u oscuras.
¿Qué versiones de Lottie están soportadas?
El reproductor usa el renderizador lottie-web, compatible con JSON de Bodymovin desde la versión 4: capas de forma, máscaras, mattes, recorte de trazados y la mayoría de expresiones ya horneadas al exportar.
¿Funciona en móviles?
Sí. El diseño es responsivo y el renderizado usa el mismo motor SVG, así que funciona en navegadores iOS y Android. Los controles tienen tamaño táctil.
¿Qué diferencia hay entre .json y .lottie?
El formato .lottie (dotLottie) es un zip comprimido que puede contener el JSON junto con recursos y más. Este visor abre directamente el .json estándar de Lottie; con archivos dotLottie, extrae primero el .json interior.
¿Por qué mi animación va lenta o se ve mal?
Las animaciones con muchas capas, imágenes o expresiones cuestan de renderizar. Comprueba que las imágenes no se exportaron aparte, simplifica la composición o baja la velocidad: la lectura de FPS muestra la tasa prevista de la animación.
Cómo usar Visor Lottie
Este visor Lottie reproduce animaciones Bodymovin JSON completamente en tu navegador con el renderizador lottie-web. Carga un archivo o arrástralo, controla la reproducción fotograma a fotograma y previsualiza sobre fondos transparente, blanco o negro — no se sube nada a ningún sitio.
- Haz clic en el área de carga o arrastra un archivo .json de Lottie encima; la animación se carga y empieza a reproducirse de inmediato.
- Usa el gran botón de reproducir/pausar y el botón de reinicio para controlar la reproducción.
- Arrastra el deslizador de fotogramas para ir a cualquier fotograma; la lectura muestra fotograma actual, total de fotogramas y FPS.
- Elige una velocidad entre 0,25x y 2x, y activa el botón de bucle para reproducir sin parar.
- Cambia el fondo entre tablero transparente, blanco y negro para inspeccionar bordes, brillos y sombras.
Pulsa primero el botón de ejemplo para ver cómo se comporta el reproductor antes de cargar tu propia animación — muy útil cuando un cliente te envía un JSON y necesitas una comprobación rápida.
Herramientas relacionadas
- Visor y Editor SVG Previsualice, edite y optimice archivos SVG en línea. Vista previa en tiempo real, edición de código y herramientas de optimización.
- Visor de árbol JSON Visualice datos JSON como un árbol colapsable interactivo. Busque claves y valores, rastree JSONPath al pasar el cursor y maneje archivos grandes con carga diferida. Soporta arrastrar y soltar archivos .json.
- Generador de Sprites Combina imágenes en sprites con arrastrar para reordenar, diseño de cuadrícula, relleno, modos de escala. Exporta PNG/WebP/JPG con datos JSON atlas para motores de juegos y CSS.
- Imagen a Base64 Convierte imágenes a cadenas Base64 y decodifica Base64 de vuelta a imágenes. Soporta PNG, JPG, GIF, WebP, SVG, BMP, ICO. 100% en el navegador, sin subida.
- GIF Extraer Fotogramas Extrae y descarga fotogramas individuales de animaciones GIF como PNG o sprite sheet. Herramienta online gratuita con vista previa y exportación ZIP.
- GIF Invertido Invierte el orden de reproducción de animaciones GIF online gratis. Sube, previsualiza y descarga GIFs invertidos al instante.
- Cambiador de Velocidad GIF Cambia la velocidad de animación GIF en línea. Acelera o ralentiza archivos GIF al instante.
- Video a GIF Convierte vídeo a GIF animado online. Ajusta calidad, velocidad de fotogramas y resolución directamente en tu navegador sin subir archivos.