RevealTheme logo

Optimiseur SVG

Supprimez les métadonnées, commentaires et espaces inutiles du balisage SVG.

Comment utiliser cet outil

  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'est-ce que l'optimiseur SVG ?

Les fichiers SVG exportés depuis des outils de conception comme Figma ou Illustrator contiennent souvent des métadonnées de l'éditeur, des déclarations XML et des espaces de noms verbeux dont les navigateurs n'ont pas besoin. Cet outil les supprime : le gain typique se situe entre 20 % et 60 % de la taille du fichier, sans aucune différence visuelle.

Cas d'usage courants

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

Questions fréquentes

Est-ce aussi efficace que SVGO ?
SVGO est plus agressif (simplification des chemins, fusion d'attributs). Cet outil gère les améliorations les plus courantes — espaces, commentaires, en-têtes XML — instantanément dans votre navigateur.

Outils connexes