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