Minifiez et compressez les fichiers SVG avec SVGO. Supprimez métadonnées, commentaires et code redondant — tout dans le navigateur.
Optimize up to 50 SVG files at once and download as a ZIP.
Traitez jusqu'à 50 fichiers à la fois avec Pro. Économisez des heures de travail répétitif.
Passer à Pro — 8 $/mois| Plugin | Ce qu'il fait |
|---|---|
| removeComments | Removes XML and SVG comments |
| removeMetadata | Removes <metadata> blocks added by design tools |
| cleanupAttrs | Cleans up attribute formatting and whitespace |
| minifyStyles | Minifies inline CSS style attributes |
| cleanupIds | Removes unused IDs and shortens referenced ones |
| convertColors | Converts colors to shorter hex notation |
| convertPathData | Optimises path data commands and coordinates |
| mergePaths | Merges adjacent paths with identical styles |
| collapseGroups | Collapses unnecessary group elements |
| removeUselessDefs | Removes <defs> with no referenced elements |
L'optimisation SVG supprime le contenu inutile des fichiers SVG : métadonnées d'éditeur, commentaires, éléments cachés, valeurs d'attribut par défaut et espaces blancs redondants. Elle fusionne également les chemins, convertit les formes en équivalents plus courts et arrondit les coordonnées décimales. Le résultat est un SVG plus petit et plus propre qui s'affiche de manière identique.
Les économies varient considérablement selon la façon dont le SVG a été créé. Exporté depuis Illustrator ou Inkscape : réduction de 50-80%. SVGs optimisés manuellement : 10-30%. Les SVGs issus d'outils de design comme Figma sont déjà assez propres : 20-50%. Cet outil vous montre les économies exactes en octets.
Avec les paramètres par défaut, l'optimisation est sans perte — le SVG optimisé s'affiche de manière identique à l'original. Les options agressives comme la suppression de viewBox ou la fusion des styles pourraient affecter la mise à l'échelle ou le style externe. Cet outil utilise des préréglages SVGO par défaut sécurisés.
Oui. Un SVG inline optimisé peut être collé directement dans HTML. Pour les balises img ou les arrière-plans CSS, enregistrez-le en tant que fichier .svg. Pour les très petites icônes, envisagez de le convertir en URI de données (ex. url("data:image/svg+xml,...")) pour zéro requête HTTP.