Minificateur SVG
Minifier un SVG : supprimer commentaires, métadonnées et espaces
Nettoyez le balisage SVG avant qu’il n’entre dans un référentiel ou une version de production. Supprimez les commentaires, les déclarations XML, les données de l'éditeur, les groupes vides et les définitions inutilisées avec 15 passes commutables individuellement et une comparaison visuelle.
Modification des valeurs par défaut pour les nouveaux fichiers
Aperçu
Aucun aperçu. Ajoutez et sélectionnez des fichiers pour voir les résultats.
Aucun fichier pour le moment. Déposez des fichiers ci-dessus ou cliquez sur SÉLECTIONNER DES FICHIERS.
Ce que la minification SVG supprime
Minifier un SVG est un travail sur le balisage, pas un traitement d'image : rien n'est redessiné, des choses sont seulement supprimées ou raccourcies. Un export d'éditeur typique transporte une déclaration XML, un doctype, un commentaire de générateur, des espaces de noms Inkscape ou Figma, des attributs id que rien ne référence, des groupes qui ne servent que d'enveloppe, des entrées dans defs qu'aucun élément n'utilise, et des coordonnées écrites à six décimales. Les navigateurs ignorent tout cela. Le retirer allège le fichier et, tout aussi utilement, rend le diff lisible quand les SVG sont versionnés dans un dépôt et relus comme n'importe quel autre fichier source.
Comment minifier un fichier SVG
- 1
Déposez vos SVG, ou cliquez sur SÉLECTIONNER DES FICHIERS, pour les ajouter à la file. Jusqu'à 40 à la fois.
- 2
Choisissez Sûr, Équilibré ou Maximum, désactivez individuellement les passes dont vous ne voulez pas, et regardez le gain par fichier se mettre à jour.
- 3
Cliquez sur TOUT ENREGISTRER pour télécharger le résultat, ou une seule archive ZIP quand la file contient plus d'un fichier.
Confidentialité : vos fichiers ne quittent pas le navigateur
La conversion s'exécute localement dans votre navigateur à l'aide de JavaScript et WebAssembly. Il n'y a pas de téléchargement de fichiers ni de conversion côté serveur, donc les fichiers que vous ajoutez restent sur votre appareil.
Le traitement local permet de protéger les logos confidentiels, les documents internes et les illustrations client inédites. Les pages et le code de conversion sont mis en cache au fur et à mesure que vous les utilisez, afin que les outils que vous avez déjà ouverts puissent continuer à fonctionner sans connexion réseau.
Questions fréquentes
Minifier, est-ce la même chose que compresser ?
En pratique, oui : ce sont les mêmes passes qui font les deux, et cette page comme le Compresseur SVG utilisent le même moteur. La différence tient à l'accent mis. Minifier concerne le balisage qu'un humain ou un éditeur a laissé derrière lui : commentaires, métadonnées, espaces de noms et espaces. Compresser concerne les octets envoyés sur le réseau, où arrondir les coordonnées et supprimer des attributs comptent plus qu'une source bien rangée.
La minification peut-elle casser mon CSS ou mon JavaScript ?
Cela peut arriver, si une feuille de style ou un script va chercher quelque chose à l'intérieur du SVG. Aucune passe ne renomme d'identifiants, mais Maximum supprime les éléments et les attributs que rien ne référence à l'intérieur du document, ce qui est exactement ce qu'une règle externe peut viser. Si le SVG est animé ou piloté par un script depuis l'extérieur, utilisez Sûr, ou désactivez Supprimer les éléments invisibles et Supprimer les définitions inutilisées, puis vérifiez le résultat avant de le mettre en production.
Puis-je garder le viewBox mais supprimer width et height ?
Oui. Normaliser le viewBox et Supprimer width et height sont deux passes distinctes. Retirer les dimensions fixes tout en gardant le viewBox est ce qu'il vous faut pour un SVG qui doit s'adapter à son conteneur en CSS. Les garder est ce qu'il vous faut pour un fichier qui sera ouvert seul ou déposé dans un document qui ne lui applique aucun style.