Aller au contenu

Minificateur SVG

Réduisez la taille des SVG en supprimant les XML inutiles, les commentaires et les métadonnées des éditeurs.

Entrée
Sortie

Minificateur SVG

Collez un SVG exporté d'Illustrator, Inkscape ou Figma et cet outil renvoie une version minifiée avec la même apparence mais beaucoup plus petite. Il supprime la déclaration XML, les commentaires, les métadonnées spécifiques à l'éditeur (éléments et attributs espacés par Inkscape et Illustrator), les groupes vides et les espaces entre les balises — des choses qu'un navigateur ou une balise <img> n'ont jamais eu besoin en premier lieu.

Décimales contrôle le nombre de chiffres que conservent les coordonnées et autres attributs numériques, de sorte que "12.34567" devient "12.35" par défaut à deux. Supprimer les attributs id et class supprime les deux, sauf un id toujours ciblé par un remplissage url(#…) ou une référence href="#…" — ceux-ci restent, donc les dégradés, les chemins de détourage et les éléments <use> continuent de fonctionner. Supprimer width/height, conserver viewBox supprime uniquement les dimensions externes lorsqu'un viewBox est présent pour prendre en charge le dimensionnement, de sorte que le SVG s'adapte correctement. Raccourcir les couleurs hex transforme "#ffffff" en "#fff" partout où les trois canaux se doublent, laissant tout le reste inchangé.

Le balisage malformé — une balise non fermée ou mal appairée — est signalé comme une erreur plutôt que deviné, car un minificateur qui corrige silencieusement les XML brisés peut changer ce qui s'affiche. Le texte dans <text>, <tspan> et <style> en ligne reste exactement tel qu'écrit, car l'espace là-bas fait partie du contenu, pas de la mise en forme. Les fins de ligne Windows et Unix sont traitées de la même manière, et le compteur en direct affiche les octets entrants, les octets sortants et le pourcentage économisé.

Tout s'exécute localement dans votre navigateur : votre SVG ne quitte jamais votre appareil, ce qui importe pour les jeux d'icônes non publiés et les illustrations client. Copiez le résultat, téléchargez-le en tant que fichier .txt ou renvoyez-le à l'entrée pour appliquer une autre passe avec des options différentes.

FAQ

Cela changera-t-il l'apparence du SVG?
Non. Il supprime uniquement le balisage qui n'a aucun effet visuel — commentaires, métadonnées, groupes vides et espaces inutiles — et arrondit les coordonnées, ce qui modifie le rendu de moins d'un pixel à la précision par défaut.
Est-il sûr de supprimer les ids et les classes?
L'outil conserve tout id toujours référencé par un remplissage url(#…) ou un lien href="#…", de sorte que les dégradés, les chemins de détourage et les icônes réutilisables continuent de fonctionner. Seuls les ids non référencés et toutes les classes sont supprimés.
Que se passe-t-il si mon SVG a une erreur de syntaxe?
L'outil le signale plutôt que de deviner — une balise non fermée ou mal appairée renvoie un message d'erreur calme afin que vous puissiez corriger le balisage et réessayer.
Supprimer la largeur et la hauteur casse-t-il l'image?
Seulement quand un viewBox est présent, l'outil les supprime — le viewBox seul suffit pour que le SVG se redimensionne à la taille que son conteneur lui donne.
Mon SVG est-il téléchargé quelque part?
Non. La minification s'exécute entièrement dans votre navigateur — votre fichier ne quitte jamais votre appareil.