Optimizador SVG Online
Optimizador SVG gratuito — elimina metadatos del editor, comentarios y reduce la precisión de rutas de exportaciones de Figma e Illustrator. 100% en el...
Actualizado mayo de 2026
Revisado por Rafael Duarte
Optimization Level
Cleaning Options
Prettify Code
Readable indented output
Path Precision
2 dpLower precision results in smaller files but may distort complex shapes.
PRO TIP
Always use 'Balanced' for logos. 'Aggressive' can sometimes merge layers that need separate animation IDs.
Your SVG files are never uploaded. All optimization runs entirely in your browser.
30–70% Smaller
Removes editor metadata, comments, and redundant elements without changing the visual output.
Configurable Presets
Choose Safe, Balanced, or Aggressive optimization — or tune individual options manually.
100% Private
No upload to any server. Your SVG files never leave your device.
Cómo funciona
De exportación inflada a SVG listo para producción
1. Pega o sube el SVG
Arrastra un archivo `.svg` o pega el código directamente en el área de texto.
2. Elige el nivel de optimización
Safe, Balanced (recomendado) o Aggressive — o activa cada opción de forma individual según lo que necesites.
3. Compara y exporta
Revisa en el preview que el diseño no cambió, luego copia el código o descarga el `.svg` ya optimizado.
Qué hace esta herramienta
Las mismas optimizaciones de SVGO, sin instalar nada
Elimina la sobrecarga del editor
Namespaces de Figma, Illustrator, Inkscape y Sketch, metadatos, comentarios y IDs de capa que nadie usa.
Redondea coordenadas y paths
d="M15.123456 32.678901" se convierte en d="M15.12 32.68" sin cambiar cómo se ve el dibujo.
Preview antes/después
Muestra el porcentaje de reducción y una vista lado a lado antes de exportar el resultado final.
Nunca toca el `viewBox`
Se conserva siempre, sin importar el preset elegido — es lo que permite que el SVG escale bien en cualquier pantalla.
Modo Prettify
Indenta el código para que sea legible al depurar. Aumenta el peso del archivo, así que desactívalo antes de exportar a producción.
Quita grupos `<g>` vacíos
Borra etiquetas de agrupación sin hijos ni contenido que suelen quedar sueltas al exportar desde Figma.
Safe vs. Balanced vs. Aggressive
Cuándo vas a necesitar esto
Los casos más comunes entre quienes usan la herramienta
Rendimiento web y Core Web Vitals
Cada KB que se ahorra en íconos y logos aligera la página, sobre todo el LCP en móviles.
Limpiar exportaciones de Figma o Illustrator
Elimina las capas de metadatos propietarias que estos programas agregan automáticamente al exportar.
Preparar componentes React o Vue
Un SVG optimizado y sin IDs innecesarios se pega más fácil como componente JSX/TSX sin arrastrar basura.
Mantener librerías de íconos
Procesa sets completos de íconos sin tener que configurar SVGO como dependencia local del proyecto.
Incrustar SVG en email o un CMS
Un SVG inline más liviano respeta los límites de peso de clientes de correo y editores de contenido.
Revisión visual antes de publicar
Usa el slider de comparación en pantalla completa para confirmar que original y optimizado se ven igual antes del deploy.
¿Algo salió mal? Empieza por aquí
Usar Aggressive en ilustraciones muy detalladas
Redondear a 1 decimal puede generar diferencias de subpíxel visibles en curvas complejas.
Borrar IDs que usa tu CSS o JavaScript
Si una animación o un selector depende de un ID puntual, usa el preset Safe para no romper esa referencia.
Pensar que optimizar reemplaza a GZIP/Brotli
Son cosas distintas y se complementan — minifica el SVG y además activa la compresión en el servidor.
Activar Prettify esperando un archivo más chico
Prettify indenta el código para que se lea mejor, no lo comprime — de hecho aumenta el peso. Desactívalo antes de exportar.
Esperar que borre `<defs>` completos sin usar
La herramienta quita IDs no referenciados, pero no elimina gradientes o clip-paths enteros dentro de <defs> que quedaron huérfanos.
Esperar que comprima imágenes raster embebidas en base64
El optimizador trabaja sobre la geometría vectorial — paths, coordenadas, IDs — pero no recomprime imágenes PNG o JPG metidas con <image> en base64. Optimiza esas imágenes por separado antes de incrustarlas.
Por qué usar este optimizador de SVG
Aplica las mismas optimizaciones esenciales de SVGO — la librería de Node.js detrás de la mayoría de los optimizadores que existen — pero corriendo directo en tu navegador, sin instalar nada.
Un ícono típico exportado de Figma pesa entre 2 y 5 veces más de lo necesario. Aquí no hay subida a ningún servidor, no hace falta cuenta y no hay límite de tamaño de archivo.
Cada opción de limpieza se puede activar o desactivar por separado, y el slider de comparación en pantalla completa te muestra exactamente qué cambió antes de publicar.
Preguntas frecuentes
Quita datos que el navegador no necesita para renderizar — metadatos del editor, comentarios, namespaces redundantes, decimales de más en las coordenadas — sin tocar cómo se ve el dibujo. El resultado es un archivo más liviano que carga más rápido.
Referencias
El estándar oficial de SVG 1.1, con el detalle de cada elemento y atributo.
La librería open-source de optimización de SVG en la que se basan la mayoría de los optimizadores online.
Referencia completa de cada elemento SVG, en español.
Herramientas relacionadas
- Generador de Tabla ASCII y Markdown Desarrollador Generador de tablas ASCII gratuito — crea tablas de texto en estilo MySQL, Markdown, Unicode, redondeado, doble línea y reStructuredText. Pega CSV o escribe...
- Decodificador Base64 Desarrollador Decodifica strings Base64 a texto plano al instante en tu navegador. Compatible con UTF-8, entrada multilínea y muestra el tamaño del payload.
- Codificador Base64 Desarrollador Codifica cualquier texto a Base64 al instante en tu navegador. Compatible con UTF-8, muestra el recuento de caracteres y el tamaño del payload. Gratis, sin...
- Base64 a Imagen Desarrollador Pega una cadena Base64 o data URL y previsualiza la imagen decodificada al instante — conversor gratuito compatible con PNG, JPEG, WebP, GIF y SVG. Sin...
- Generador Bcrypt Desarrollador Generador de hash bcrypt gratuito — 100% lado cliente. Benchmark del factor de coste en tiempo real, parser del hash y snippets para Node.js, Python, PHP, Go.
