Previsualizador y Optimizador Lottie

Previsualiza, copia/descarga SVG, optimiza JSON y edita animaciones Lottie localmente.

Arrastre y suelte el archivo JSON de Lottie aquí, o haga clic para cargarlo

*.json (Lottie format)

Cómo previsualizar y optimizar animaciones Lottie

Cargue o arrastre su archivo JSON de Lottie para cargar la vista previa de la animación en el reproductor interactivo.

Use la pestaña 'Capas y Recursos' para modificar elementos de texto o reemplazar capas de imagen directamente en la animación.

Vaya a la pestaña 'Diagnóstico y Compresión', configure la precisión decimal flotante de las coordenadas y active las opciones de eliminación de metadatos para comprimir el archivo.

Haga clic en 'Exportar JSON' para guardar el archivo Lottie optimizado, o copie el código vectorial SVG del fotograma actual para usarlo en Figma.

Preguntas frecuentes sobre la herramienta Lottie

¿Cómo reduce el tamaño del archivo la optimización de Lottie?

Los archivos JSON de Lottie a menudo almacenan una precisión decimal excesiva para las coordenadas y las curvas de fotogramas clave. Truncar los números de punto flotante a 1 o 2 decimales y eliminar los metadatos de autoría inútiles puede reducir el tamaño del archivo entre un 30% y un 70% sin impacto visible.

¿Puedo editar capas de texto de Lottie sin After Effects?

Sí. El editor analiza las capas de texto editables. Puede modificar textos, traducir cadenas o reemplazar imágenes integradas directamente en el navegador, y previsualizar los cambios dinámicos al instante.

¿Cómo utilizo el código SVG copiado en Figma?

Al hacer clic en 'Copiar código SVG' se captura el fotograma actual. Puede pegarlo directamente en Figma (Cmd+V / Ctrl+V) y generará automáticamente las capas y grupos vectoriales correspondientes.

🔗 Herramientas Relacionadas

Formateador y Validador JSON

Formatea, comprime y valida datos JSON localmente en tu navegador.

Convertidor de Unidades 40 en 1

Conversor universal de unidades en tiempo real para física, desarrollo, finanzas, vida diaria e ingeniería.

Suite de Criptografía Todo en Uno

Soporta MD5, SHA-1/256/512, AES, DES, HMAC, Base64, URL, Hex, Unicode, Entidad HTML y Generador de Contraseñas.

Depurador y Analizador JWT

Decodifica, verifica y genera JSON Web Tokens localmente en tu navegador. Compatible con HS256, RS256, ES256, EdDSA y más.