Minificar SVG en línea — Espacios y metadatos

Minifica SVG al instante: selecciona, reordena, concatena y minifica varios archivos .svg en un solo bundle con tus opciones actuales. Elimina espacios innecesarios y elementos metadata. Todo permanece en el navegador. Para una optimización SVGO, usa Optimizar SVG.

Cargando…
Minificación SVG
Minificar SVG en línea. Reduce el markup eliminando espacios, comentarios y elementos de metadatos.

Funcionalidades

Elimina espacios innecesarios, comentarios, elementos de metadatos y elementos ocultos opcionales de archivos SVG, preservando la calidad visual.

Minificar SVG

Elimina espacios innecesarios, comentarios, elementos de metadatos y elementos ocultos opcionales de archivos SVG, preservando la calidad visual.

Ejemplo básico

SVG de origen

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="40" fill="blue"/> <rect x="20" y="20" width="60" height="60" fill="red"/> </svg>

SVG minificado

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="blue"/><rect x="20" y="20" width="60" height="60" fill="red"/></svg>

Qué hace la minificación SVG

La minificación SVG en esta página es una limpieza ligera del markup que mantiene el gráfico. Los comentarios pueden desaparecer. Los espacios entre etiquetas se reducen. Los espacios extra en bloques de texto pueden compactarse. El elemento <metadata> puede eliminarse. Los atributos vacíos como id="" pueden quitarse. Los elementos cuyo style es display:none o visibility:hidden pueden eliminarse si activas esa opción. Las etiquetas de accesibilidad <title> y <desc> permanecen. También viewBox, los IDs de elementos y los números dentro del path d. La salida sigue siendo código fuente SVG, no un archivo comprimido. Gzip y Brotli son una capa posterior en la red — esta herramienta no comprime tu archivo con gzip. Esta página no es un optimizador SVG. No reescribe datos de path, no redondea coordenadas, no cambia IDs, no convierte estilos en atributos ni elimina <defs> sin usar. Esas ediciones estructurales son trabajo de SVGO. Usa este paso cuando quieras una limpieza rápida de espacios y comentarios, por ejemplo antes de pegar un icono en línea. Para reescritura de paths y limpieza de namespaces de editor, continúa en la herramienta complementaria optimize SVG.

Cómo minifica SVG FastMinify

FastMinify minifica SVG con un pipeline regex en la pestaña. SVGO no se carga en esta página, así que la pestaña permanece ligera. Dos limpiezas siempre se ejecutan: los espacios entre etiquetas pasan a ser ><, y los espacios alrededor de = se eliminan. El interruptor Reducir espacios es independiente — cuando está activado (por defecto), las secuencias restantes de espacios se compactan a uno. Desactivarlo no restaura saltos de línea entre etiquetas. Eliminar comentarios (activado por defecto) quita <!-- ... -->. Eliminar metadatos (activado por defecto) borra solo <metadata>...</metadata> — no namespaces de editor. <title> y <desc> se conservan. Eliminar atributos vacíos (desactivado por defecto) quita attr="". Eliminar elementos ocultos (desactivado por defecto) solo coincide con valores style display:none o visibility:hidden, no con display="none" como atributo, hidden ni opacity="0". Path d, IDs y viewBox se dejan tal como se pegaron.

Opciones de minificación

Eliminar comentarios
Elimina todos los comentarios SVG (<!-- ... -->) del código

Comparación con/sin la opción:

Código original
<svg> <!-- This is a comment --> <circle cx="50" cy="50" r="40"/> </svg>
Con removeComments: true
<svg><circle cx="50" cy="50" r="40"/></svg>
Con removeComments: false
<svg><!-- This is a comment --><circle cx="50" cy="50" r="40"/></svg>
Reducir espacios
Reduce varios caracteres de espacio en espacios simples

Comparación con/sin la opción:

Código original
<svg> <text> Multiple spaces </text> <g> Group </g> </svg>
Con collapseWhitespace: true
<svg><text> Multiple spaces </text><g> Group </g></svg>
Con collapseWhitespace: false
<svg><text> Multiple spaces </text><g> Group </g></svg>
Eliminar metadatos
Elimina elementos de metadatos del código SVG

Comparación con/sin la opción:

Código original
<svg> <metadata>Some metadata</metadata> <circle cx="50" cy="50" r="40"/> </svg>
Con removeMetadata: true
<svg><circle cx="50" cy="50" r="40"/></svg>
Con removeMetadata: false
<svg><metadata>Some metadata</metadata><circle cx="50" cy="50" r="40"/></svg>
Eliminar atributos vacíos
Elimina atributos con valores vacíos

Comparación con/sin la opción:

Código original
<svg> <circle cx="50" cy="50" r="40" id="" class=""/> </svg>
Con removeEmptyAttributes: true
<svg><circle cx="50" cy="50" r="40"/></svg>
Con removeEmptyAttributes: false
<svg><circle cx="50" cy="50" r="40" id="" class=""/></svg>
Eliminar elementos ocultos
Elimina elementos con estilos display:none o visibility:hidden

Comparación con/sin la opción:

Código original
<svg> <circle cx="50" cy="50" r="40" style="display:none"/> <rect x="10" y="10" width="20" height="20" style="visibility:hidden"/> </svg>
Con removeHiddenElements: true
<svg></svg>
Con removeHiddenElements: false
<svg><circle cx="50" cy="50" r="40" style="display:none"/><rect x="10" y="10" width="20" height="20" style="visibility:hidden"/></svg>

Ver opciones de indentación de Embellecer →

Notas para desarrolladores

• Esta página elimina espacios, comentarios y elementos <metadata> sin cargar SVGO (~780 KB). • Activa las opciones antes de minificar — todo el procesamiento permanece en la pestaña. • Para reescritura de paths y presets SVGO, pasa a optimize SVG después de este paso. • Combina con validate SVG para comprobar viewBox o title/desc.

Cuándo los equipos eligen esta ruta

• Eliminar espacios de iconos pegados en HTML o componentes React antes del commit. • Primer paso de limpieza en exportaciones de Figma/Illustrator antes de una optimización SVGO más profunda. • Comprimir candidatos a sprite cuando solo necesitas eliminar comentarios y espacios. • Usa embellecer SVG o desminificar SVG para inspeccionar el markup, luego vuelve aquí para la minificación de producción.

Herramientas del cluster SVG

Esta página es el paso de minificación ligera. Para presets SVGO y el resto del cluster SVG, abre el hub de herramientas SVG o la herramienta complementaria optimize SVG.

Concatenar archivos SVG

En Minificar SVG, selecciona o suelta varios archivos .svg, reordénalos y luego concatena y minifica el bundle completo una sola vez con tus opciones actuales. El procesamiento permanece en tu navegador. Los archivos se unen solo con saltos de línea — sin marcadores de comentarios HTML dentro del markup SVG. Este flujo agrupa iconos separados para minificación; no genera hojas de sprites. Para optimización SVGO de un solo archivo, usa optimize SVG.

Preguntas frecuentes — Minificación

Todo sobre la minificación

¿Por qué minificar SVG?

La minificación SVG elimina espacios, comentarios y elementos <metadata> para reducir el tamaño. No comprime el archivo con gzip ni reescribe paths.

¿Necesitas desminificar SVG?

Usa nuestro desminificador SVG para inspeccionar markup comprimido.

¿Necesitas embellecer SVG?

Usa nuestro embellecedor SVG para un formato SVG legible.

¿Necesitas optimización SVGO más profunda?

Usa optimize SVG para presets SVGO safe, default y aggressive.

¿Cómo concatenar y minificar varios archivos SVG?

En Minificar SVG, usa el botón de concatenación o suelta dos o más archivos .svg en el panel de entrada, reordénalos y luego concatena y minifica el bundle completo una sola vez con tus opciones actuales. Todo se ejecuta en tu navegador. Este flujo no está disponible en Embellecer SVG ni Desminificar SVG. Los archivos se unen solo con saltos de línea — esto agrupa iconos separados para minificación, no genera hojas de sprites. Para optimización SVGO de un solo archivo, usa optimize SVG.

Compruébalo tú mismo

FastMinify procesa la entrada en el navegador. Inspecciona el panel de red o lee nuestra puerta de validación para confirmar que nada sale del dispositivo.

Minificar

Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.

Explorar otras categorías de herramientas

Embellecer

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.

Desminificar

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.

Conversión

Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.

Preprocesadores CSS

Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.

Herramientas JSON

Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.

Herramientas SVG

Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.

DevOps e Infra

Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.

CI/CD

GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.

Logs y observabilidad

JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.

Kubernetes

Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.

Red / IP

CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.

Seguridad y tokens

JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.

API y esquemas

Herramientas OpenAPI para formatear, validar y analizar tus specs.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

Utilidades para desarrolladores

Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.

Texto y Markdown

Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.

IA y LLM

Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.

Datos de prueba

Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.