Optimizador de SVG Online
Limpia y comprime SVGs. Elimina metadatos de Inkscape, grupos vacíos y código innecesario. Sin dependencias.
Hecho por
Miguel Ángel Colorado Marin
Hecho por
Miguel Ángel Colorado Marin
Full-Stack Developer · Guadalajara, España
Desarrollo aplicaciones web, herramientas digitales y proyectos completos — desde el diseño hasta el despliegue.
Cómo optimizar tu SVG
- 1
Pega el SVG o sube el archivo
Introduce el código en el área izquierda o sube directamente el .svg. La optimización es automática e instantánea.
- 2
Revisa las estadísticas
Ve el tamaño original, el optimizado y el porcentaje de reducción conseguido en las tarjetas inferiores.
- 3
Comprueba la vista previa visual
Verifica que el SVG optimizado tiene la misma apariencia que el original antes de usarlo.
- 4
Descarga o copia el resultado
Botón de descarga para guardar el .svg, o copiar para usarlo directamente en tu código HTML/CSS.
Por qué optimizar los SVG importa
Un SVG exportado directamente desde Inkscape o Adobe Illustrator puede contener entre un 30% y un 70% de código que nunca se renderiza en el navegador: metadatos de creación, información de capas de edición, atributos propietarios de Inkscape, guías de alineación y comentarios internos. Todo ese código añade peso de descarga y tiempo de parseo innecesario.
Para proyectos web donde los SVG se usan como iconos, logos, ilustraciones de fondo o gráficos inline, la diferencia entre un SVG optimizado y uno sin optimizar puede ser significativa. En páginas con muchos SVGs, el ahorro acumulado en transferencia de red y tiempo de parseo del DOM se traduce directamente en mejor rendimiento de carga y mejor puntuación en Core Web Vitals.
Preguntas frecuentes
¿Por qué los SVG de Inkscape son tan grandes?
Inkscape añade metadatos propios, atributos de namespaces (inkscape:, sodipodi:), información de capas, guías y otros datos útiles para edición pero innecesarios para mostrar el SVG en un navegador.
¿Qué elimina exactamente?
Comentarios HTML, elementos metadata/title/desc, sodipodi:namedview, todos los atributos prefijados con inkscape:/sodipodi:/dc:/cc:/rdf:, atributos globales como id/version/xml:space, grupos vacíos y espacios redundantes.
¿La optimización puede romper el SVG?
En algunos casos. SVGs con animaciones SMIL, scripts embebidos o referencias internas a ids eliminados podrían verse afectados. Siempre comprueba la vista previa antes de usar el resultado.
¿Por qué no usa SVGO?
Usa el DOM parser nativo del navegador, sin dependencias externas. Más rápida de cargar, 100% privada y suficiente para el 90% de los casos. Para optimizaciones más agresivas (simplificación de paths), SVGO CLI sería más completo.
¿Cuánto puede reducirse un SVG?
Un SVG de Inkscape con metadatos puede reducirse un 30-70%. SVGs ya limpios tendrán reducciones menores (5-15%). El mayor ahorro viene de los metadatos y atributos de namespace.
Herramientas relacionadas
Embebe esta herramienta
<iframe src="https://miguelacm.es/embed/svg-optimizer" width="100%" height="700" style="border:none;border-radius:16px;" loading="lazy"></iframe>