optimizando animaciones lottie

Author: andyromerodev

src/content/blog/andyromerodev/optimizando-animaciones-lottie-y-convirtiendolas-a-svg.md

@@ -0,0 +1,31 @@
+---
+title: "Optimizando animaciones Lottie y convirtiéndolas a SVG"
+pubDate: "Tue Sep 23 2025"
+image: "https://framerusercontent.com/images/GNSzEovtdsVMPtzb9RaUL0QDlZM.svg?width=271&height=251"
+username: "andyromerodev"
+categories: ["desarrollo", "frontend", "animaciones"]
+description: "Descubre cómo optimizar animaciones Lottie eliminando marcas de agua y reduciendo el tamaño de archivo, además de convertirlas a SVG para uso estático."
+canonicalUrl: ""
+---
+
+Hoy estuve trabajando con animaciones creadas en Lottie Lab y me encontré con un reto:
+
+Al exportarlas aparecía una marca de agua y además los archivos pesaban demasiado para usarlos en una app o en la web.
+
+👉 La solución fue más sencilla de lo que pensaba gracias a dos herramientas:
+
+1️⃣ tinylottie.studio (https://www.tinylottie.studio/)
+Permite subir el archivo .json
+Lo optimiza en segundos (ejemplo: de 52KB a solo 5KB 🤯)
+Y elimina la marca de agua 🚫💧
+
+2️⃣ Lottie-to-SVG (https://onderk-motion.github.io/Lottie-to-Svg/)
+Conviertes el archivo Lottie optimizado a formato SVG
+Ideal para usar como logotipos, íconos o recursos estáticos en proyectos web y móviles.
+
+✨ El resultado:
+Animación limpia y sin marca de agua
+Peso ultra ligero
+Versión en SVG lista para múltiples usos
+
+💡 Si trabajas con animaciones en tus proyectos, te recomiendo guardar este flujo. Puede ahorrarte tiempo y dolores de cabeza.