Minificador SVG
Reduce el tamaño de tus SVGs eliminando comentarios, metadatos, atributos de Inkscape/Sodipodi/RDF y espacios innecesarios. Pega el código SVG o sube un archivo. Muestra el porcentaje de reducción. Sin dependencias externas.
Gratis, sin registro y sin subir archivos a ningún servidor: el procesamiento ocurre en tu navegador · Actualizado el
Qué elimina el minificador y por qué
La función minifySVG() aplica una secuencia de transformaciones regex: elimina comentarios XML (<!-- ... -->), bloques <metadata>, <title> y <desc> completos, todos los atributos con prefijos inkscape:, sodipodi:, dc:, cc: y rdf: (metadatos del editor Inkscape), declaraciones de namespace xmlns:inkscape y similares, bloques <defs> vacíos, la declaración XML (<?xml ...?>) y el DOCTYPE. Después colapsa espacios múltiples, elimina espacios entre etiquetas y antes de />, y los espacios alrededor de = en atributos. El resultado es un SVG visualmente idéntico pero sin ningún byte innecesario.
SVG en el diseño web de LATAM
En América Latina, los SVG son el formato estándar para logos, ilustraciones y sistemas de iconos en proyectos web modernos. Herramientas de diseño populares en la región como Canva, Figma y Adobe Illustrator exportan SVG con abundantes metadatos de edición que duplican el tamaño real del gráfico. Para proyectos en WordPress (con el tema Astra o GeneratePress), Shopify o en agencias que entregan sitios a clientes, optimizar los SVG antes de subirlos al servidor reduce el peso de la página sin afectar la calidad visual. Los SVG inline (pegados directamente en el HTML) también se benefician de la minificación: un SVG de 8 KB minificado a 4 KB que se repite 20 veces en una página de iconos representa un ahorro de 80 KB en el HTML inicial.
Otras herramientas
Preguntas frecuentes
- ¿Qué elimina el minificador de un SVG?
- Elimina comentarios XML, metadatos, elementos title y desc, atributos de namespaces de edición (inkscape:*, sodipodi:*, dc:*, cc:*, rdf:*), bloques defs vacíos, la declaración XML y espacios en blanco redundantes.
- ¿Se puede abrir el SVG minificado en un editor gráfico?
- Sí, los SVG minificados siguen siendo archivos SVG válidos que se abren correctamente en Inkscape, Illustrator, navegadores y cualquier visor de SVG. Solo se eliminan datos irrelevantes para el renderizado.
- ¿Cuánto se reduce el tamaño típicamente?
- Depende de cuántos metadatos tenga el SVG original. Los SVG exportados desde Inkscape suelen reducirse un 20-50% porque incluyen muchos atributos de edición propios de Inkscape que no son necesarios para su visualización.
- ¿Se pierden animaciones o efectos al minificar?
- No. Solo se eliminan atributos y metadatos que no afectan al renderizado ni las animaciones. Los paths, formas, colores, gradientes y animaciones CSS/SMIL se conservan intactos.
- ¿Puedo pegar el SVG directamente o debo subir un archivo?
- Puedes hacer ambas cosas. Pega el código SVG directamente en el área de texto, o arrastra y suelta (o sube) un archivo .svg. El resultado aparece en el área inferior con el porcentaje de reducción.
- ¿Qué son los atributos de Inkscape que se eliminan?
- Inkscape, al guardar archivos SVG, añade decenas de atributos propios para recordar el estado del editor: inkscape:version (versión de Inkscape), inkscape:label (nombres de capas), sodipodi:nodetypes (tipos de nodos de los paths), dc:title (título en Dublin Core), cc:license (licencia Creative Commons en RDF), y declaraciones de namespace como xmlns:inkscape, xmlns:sodipodi, xmlns:dc. Todos son útiles para editar en Inkscape pero completamente innecesarios para mostrar el SVG en la web o en otros programas. El minificador elimina estos atributos sin tocar los elementos visuales del SVG.
- ¿Cómo se usan SVG optimizados en sitios web y proyectos de diseño en LATAM?
- Los SVG son el formato preferido para logos, iconos e ilustraciones en la web latinoamericana: escalan sin pérdida en cualquier resolución, pesan menos que PNG/JPG y son estilizables con CSS. Diseñadores de Canva (muy popular en la región) pueden exportar SVG e incluirlos en sitios de WordPress, Shopify o Webflow; al minificarlos con esta herramienta, los archivos de 50 KB exportados desde Canva o Illustrator se reducen a 25-30 KB. Para tiendas en WooCommerce o Mercado Shops que usan iconos SVG en sus páginas de producto, tener SVG optimizados mejora el PageSpeed de Google y reduce los datos móviles que consume el usuario al navegar la tienda.