Compresor de Lottie JSON

• Desglose del ahorro por optimización: nuestro compresor de Lottie JSON muestra una tabla por optimización —capas ocultas eliminadas, recursos sin usar suprimidos, propiedades vacías limpiadas y espacios eliminados— cada una con el ahorro exacto en bytes, para que sepas exactamente de dónde viene el peso de tu archivo Lottie.
• Compresión de Lottie JSON instantánea: comprime archivos JSON de animación Lottie con un clic; el compresor de Lottie JSON elimina capas ocultas, recursos precomp sin usar y propiedades vacías conservando la animación visible completa. Sin necesidad de After Effects ni Bodymovin.
• Compresor de Lottie JSON online seguro: tus archivos Lottie JSON nunca salen de tu dispositivo. Toda la eliminación de capas ocultas, la limpieza de recursos y la minificación JSON ocurren localmente en tu navegador: sin subidas a servidor y con privacidad total para animaciones propietarias.
• Compresor de Lottie JSON sin instalación: comprime archivos Lottie directamente en tu navegador sin descargar software, sin plugins y sin cuenta. Nuestro compresor de Lottie JSON gratis funciona en cualquier navegador moderno y sistema operativo.

• Reducción del tiempo de carga de páginas web: las animaciones Lottie en páginas de destino y sitios de marketing pueden pesar entre 500 KB y 2 MB. Usa el compresor de Lottie JSON para reducir el tamaño del archivo de animación entre un 30 y un 60 %, mejorando directamente las puntuaciones LCP y reduciendo el coste de ancho de banda en páginas con mucho tráfico.
• Optimización del tamaño del paquete de apps móviles: las apps React Native y Flutter que incluyen animaciones Lottie aumentan notablemente el tamaño del APK/IPA. Usa el compresor de Lottie JSON para eliminar capas ocultas y recursos sin usar antes de empaquetar, reduciendo la descarga para usuarios con planes de datos limitados.
• Optimización de componentes React y Vue: los componentes lottie-react y lottie-vue cargan el JSON de animación en tiempo de ejecución. Usa el compresor de Lottie JSON para preprocesar los archivos de animación antes de subirlos a tu repositorio, reduciendo el JSON que se descarga en cada carga de página.
• Mejora de Core Web Vitals: los archivos Lottie grandes retrasan el Time to Interactive (TTI) y aumentan el Total Blocking Time (TBT). Usa el compresor de Lottie JSON para reducir el tamaño de los archivos de animación y mejorar las puntuaciones de Core Web Vitals, algo especialmente importante en animaciones por encima del pliegue.
• Optimización de animaciones de comercio electrónico: las animaciones de páginas de producto, los spinners de carga y las animaciones de éxito en tiendas online suelen exportarse con capas de diseño ocultas. Usa el compresor de Lottie JSON para eliminarlas y reducir el peso de la animación para flujos de pago más rápidos.
• Procesamiento de animaciones en CI/CD: añade el compresor de Lottie JSON como paso de compilación en tu pipeline de CI/CD para comprimir automáticamente todas las animaciones Lottie antes del despliegue. Mantén los archivos fuente con toda la calidad en tu repositorio y sirve versiones optimizadas en producción.

Lottie es un formato de animación exportado desde Adobe After Effects con el plugin Bodymovin. Los archivos Lottie JSON describen animaciones como un árbol de capas , formas , fotogramas clave y recursos (imágenes y precomps). Los animadores suelen dejar en los archivos exportados capas ocultas (usadas durante el diseño pero invisibles en tiempo de ejecución), recursos precomp sin usar y nombres de propiedad muy verbosos. Nuestro compresor de Lottie JSON analiza el esquema Lottie JSON, identifica y elimina estos elementos innecesarios y minifica la salida, reduciendo el tamaño entre un 20 y un 60 % sin ningún cambio visible en la animación.

1. 1 Pega o sube tu Lottie JSON: introduce tu JSON de animación Lottie directamente o sube el archivo .json. El compresor de Lottie JSON valida la estructura del archivo e informa de los metadatos de la animación: tu archivo nunca sale de tu navegador.
2. 2 Elige las opciones de optimización: selecciona las optimizaciones que aplicar: eliminación de capas ocultas, limpieza de recursos sin usar, eliminación de propiedades vacías, eliminación de nombres de capas y minificación JSON. Cada opción muestra su ahorro individual en bytes en el panel de resultados.
3. 3 Revisa el ahorro por optimización y descarga: el compresor de Lottie JSON muestra una tabla con el ahorro por tipo de optimización, el porcentaje total de reducción y los metadatos de la animación (fotogramas por segundo, duración, dimensiones). Copia o descarga el JSON comprimido directamente.

• Capas ocultas (hd: true): las capas con la propiedad hd en true son invisibles en tiempo de ejecución; son guías de diseño dejadas por los animadores. Eliminarlas no tiene ningún impacto visual.
• Recursos sin usar: los archivos Lottie suelen contener recursos precomp e imágenes que ya no referencia ninguna capa. El compresor de Lottie JSON rastrea todas las referencias refId y elimina los recursos no referenciados.
• Propiedades vacías: los valores null, arrays vacíos y propiedades undefined del esquema Lottie añaden bytes sin aportar nada a la animación. Se eliminan de forma segura.
• Nombres de capas y recursos (opcional): los campos nm , mn , cl y ln guardan nombres legibles para capas y recursos, útiles en After Effects pero innecesarios para los reproductores Lottie en tiempo de ejecución.

El compresor de Lottie JSON realiza optimizaciones seguras y no destructivas: solo elimina elementos sin impacto visual en la animación renderizada. No reduce la precisión de los fotogramas clave, no simplifica curvas bezier ni modifica trazados de formas. Para una compresión máxima, combina esta herramienta con la compresión GZIP o Brotli del servidor: un archivo Lottie de 200 KB comprimido a 120 KB por esta herramienta se reducirá aún más hasta ~30 KB en la red con GZIP. Prueba siempre la salida comprimida en tu reproductor Lottie de destino antes de desplegar a producción.