Skip to content

Commit b14541c

Browse files
Merge pull request #165 from andyromerodev/main
Optimizando animaciones Lottie y convirtiéndolas a SVG
2 parents f37a166 + 30e5b83 commit b14541c

3 files changed

Lines changed: 35 additions & 0 deletions

File tree

113 KB
Loading
196 KB
Loading
Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
---
2+
title: "Optimizando animaciones Lottie y convirtiéndolas a SVG"
3+
pubDate: "Tue Sep 23 2025"
4+
image: "https://framerusercontent.com/images/GNSzEovtdsVMPtzb9RaUL0QDlZM.svg?width=271&height=251"
5+
username: "andyromerodev"
6+
categories: ["software"]
7+
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."
8+
canonicalUrl: ""
9+
---
10+
11+
Hoy estuve trabajando con animaciones creadas en Lottie Lab y me encontré con un reto:
12+
13+
Al exportarlas aparecía una marca de agua y además los archivos pesaban demasiado para usarlos en una app o en la web.
14+
15+
👉 La solución fue más sencilla de lo que pensaba gracias a dos herramientas:
16+
17+
1️⃣ tinylottie.studio (https://www.tinylottie.studio/)
18+
Permite subir el archivo .json
19+
Lo optimiza en segundos (ejemplo: de 52KB a solo 5KB 🤯)
20+
Y elimina la marca de agua 🚫💧
21+
22+
![alt text](image.png)
23+
24+
2️⃣ Lottie-to-SVG (https://onderk-motion.github.io/Lottie-to-Svg/)
25+
Conviertes el archivo Lottie optimizado a formato SVG
26+
Ideal para usar como logotipos, íconos o recursos estáticos en proyectos web y móviles.
27+
28+
![alt text](image-1.png)
29+
30+
✨ El resultado:
31+
Animación limpia y sin marca de agua
32+
Peso ultra ligero
33+
Versión en SVG lista para múltiples usos
34+
35+
💡 Si trabajas con animaciones en tus proyectos, te recomiendo guardar este flujo. Puede ahorrarte tiempo y dolores de cabeza.

0 commit comments

Comments
 (0)