diff --git a/src/content/blog/andyromerodev/image-1.png b/src/content/blog/andyromerodev/image-1.png new file mode 100644 index 00000000..65e696c8 Binary files /dev/null and b/src/content/blog/andyromerodev/image-1.png differ diff --git a/src/content/blog/andyromerodev/image.png b/src/content/blog/andyromerodev/image.png new file mode 100644 index 00000000..aaaacfa6 Binary files /dev/null and b/src/content/blog/andyromerodev/image.png differ diff --git a/src/content/blog/andyromerodev/optimizando-animaciones-lottie-y-convirtiendolas-a-svg.md b/src/content/blog/andyromerodev/optimizando-animaciones-lottie-y-convirtiendolas-a-svg.md new file mode 100644 index 00000000..5a064103 --- /dev/null +++ b/src/content/blog/andyromerodev/optimizando-animaciones-lottie-y-convirtiendolas-a-svg.md @@ -0,0 +1,35 @@ +--- +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: ["software"] +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 🚫💧 + +![alt text](image.png) + +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. + +![alt text](image-1.png) + +✨ 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. \ No newline at end of file