RevealTheme logo

Optimizador de SVG

Elimina metadatos, comentarios y espacios en blanco innecesarios del marcado SVG.

Cómo usar esta herramienta

  1. 1

    Paste your raw SVG markup into the input box.

  2. 2

    Read the byte count and percentage saved shown above the result.

  3. 3

    Review the minified SVG in the output box to confirm it still renders correctly.

  4. 4

    Click Copy to put the optimized markup on your clipboard.

¿Qué es el Optimizador de SVG?

Los archivos SVG exportados desde herramientas de diseño como Figma o Illustrator suelen contener metadatos del editor, declaraciones XML y espacios de nombres prolijos que los navegadores no necesitan. Esta herramienta los elimina: el ahorro típico es de entre el 20 % y el 60 % del tamaño del archivo sin diferencia visual alguna.

Casos de uso comunes

  • Shrinking icon SVGs exported from Figma before pasting them inline into a React or Vue component.

  • Cleaning up Illustrator output that ships with a verbose XML header and editor comments.

  • Reducing the size of small inline SVGs embedded directly in HTML to trim page weight.

  • Removing designer metadata and indentation before committing icons to a shared repo.

  • Quickly checking how many bytes a given SVG can save before reaching for a heavier build-time tool.

  • Tidying SVG snippets pasted into a CMS or email template where extra whitespace bloats the payload.

Preguntas frecuentes

¿Es tan bueno como SVGO?
SVGO es más agresivo (simplificación de rutas, fusión de atributos). Esta herramienta gestiona las mejoras más comunes —espacios en blanco, comentarios, cabeceras XML— al instante en tu navegador.

Herramientas relacionadas