Desminificar SVG en línea — Formateador SVG

Desminifica SVG comprimido al instante. Restaura un formato legible — procesamiento en el navegador.

Cargando…
Desminificación SVG
Desminificar SVG comprimido en línea. Restaura markup legible para inspección y edición.

Funcionalidades

Restaura un formato legible al código SVG minificado con indentación y saltos de línea adecuados para facilitar la edición y depuración.

Desminificar SVG

Restaura un formato legible al código SVG minificado con indentación y saltos de línea adecuados para facilitar la edición y depuración.

Ejemplo básico

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>

SVG formateado

<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>

Opciones de minificación

Opciones de Embellecer
Opciones de indentación para Embellecer y Desminificar (no usadas por Minificar)

Tamaño de indentación

Número de espacios (o ancho de tabulación) al formatear SVG.

Tipo de indentación

Usar espacios o tabulaciones para la indentación al embellecer SVG.

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.

Preguntas frecuentes — Desminificación

Todo sobre la desminificación

¿Puedo desminificar código SVG?

Sí, pega SVG minificado y haz clic en Desminificar para restaurar indentación legible.

¿Embellecer en lugar de desminificar?

Para formatear SVG, usa el embellecedor SVG.

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