RevealTheme logo

Ottimizzatore SVG

Rimuove metadati, commenti e spazi vuoti superflui dalla marcatura SVG.

Come usare questo strumento

  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.

Che cos'è l'ottimizzatore SVG?

I file SVG esportati da strumenti di progettazione come Figma o Illustrator contengono spesso metadati dell'editor, dichiarazioni XML e namespace prolissi di cui i browser non hanno bisogno. Questo strumento li rimuove: il risparmio tipico è compreso tra il 20% e il 60% delle dimensioni del file senza alcuna differenza visiva.

Casi d'uso comuni

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

Domande frequenti

È valido quanto SVGO?
SVGO è più aggressivo (semplificazione dei tracciati, fusione degli attributi). Questo strumento gestisce i miglioramenti più comuni —spazi vuoti, commenti, intestazioni XML— all'istante nel suo browser.

Strumenti correlati