SVG Cleanup

Le nettoyage SVG supprime les blocs de métadonnées, les commentaires, les balises de générateur et les attributs inutilisés qui n'affectent pas le rendu. Il ne supprime ni les chemins ni les formes. Si votre SVG inclut des étiquettes d'accessibilité comme un titre ou un air, le nettoyage SVG les conserve à moins qu'elles ne soient vides ou dupliquées. Pour les flux de travail d'équipe, conservez un original intact afin de pouvoir comparer les différences lors de l'examen, suivre ce qui a changé et revenir rapidement en arrière si nécessaire. La suppression des métadonnées réduit également l'exposition accidentelle des noms d'auteurs ou des versions d'outils dans les ressources publiques.

Le nettoyage SVG se concentre sur le balisage non visuel, le résultat rendu doit donc être identique. Néanmoins, si un fichier repose sur des attributs réservés à l'éditeur ou sur des métadonnées inhabituelles, exécutez le nettoyage et l'aperçu de SVG avant l'expédition. Une comparaison rapide permet d'identifier les cas extrêmes. Si le SVG utilise des filtres, des masques ou des polices intégrées, prévisualisez dans les navigateurs cibles et confirmez que la sortie rendue est inchangée avant la publication.

Oui. Le nettoyage de SVG est une première passe ; l'optimisation et la minification peuvent réduire davantage la taille. En exécutant d'abord le nettoyage de SVG, vous donnez à SVGO un fichier plus simple, qui peut produire de meilleurs résultats et moins d'avertissements. Si vous effectuez des modifications manuelles ultérieurement, une deuxième passe de nettoyage SVG peut supprimer les nouveaux commentaires ou métadonnées introduits par les éditeurs.

Le nettoyage SVG préserve les attributs essentiels tels que viewBox, la largeur, la hauteur et les identifiants que vous utilisez dans CSS ou les scripts. Si un identifiant est vide ou dupliqué, le nettoyage SVG peut le supprimer pour éviter les conflits. Examinez le résultat si vous comptez sur des ID personnalisés. Si le nettoyage SVG supprime un identifiant dont vous avez encore besoin, ajoutez-le à nouveau et réexécutez l'outil, puis documentez les identifiants requis pour votre équipe.

Non. Le nettoyage SVG s'exécute entièrement dans votre navigateur et ne télécharge jamais le fichier. Ce flux de travail de nettoyage local SVG est sans danger pour les logos sensibles, les icônes inédites ou le travail client. Vous pouvez également l'utiliser hors ligne ou derrière un pare-feu car aucun appel réseau n'est requis une fois la page chargée.

Si les étiquettes ont un sens, elles restent. Les étiquettes vides ou en double peuvent être supprimées pour réduire le bruit. Vous pouvez ajouter un titre ou une étiquette d'aria après le nettoyage si votre équipe a besoin d'un format spécifique. Pour des règles d'accessibilité plus strictes, ajoutez un titre concis et une étiquette aria après le nettoyage et vérifiez avec un lecteur d'écran dans votre navigateur cible. Si votre organisation suit les WCAG, incluez le rôle et l'aria étiquetés par et validez avec un outil d'audit d'accessibilité.

Oui. Le formatage peut rendre le balisage nettoyé plus facile à lire. Exécutez le formateur après la passe de nettoyage pour normaliser l'indentation et l'ordre des attributs. Les équipes exécutent souvent le formatage dans CI pour maintenir la cohérence du style entre les dépôts et éviter les différences bruyantes dans les demandes d'extraction. Si vous stockez des SVG dans un référentiel de composants, un format cohérent accélère les révisions et réduit les conflits de fusion.

Oui. SVG Cleanup est gratuit à utiliser dans votre navigateur. Aucun téléchargement ni installation n'est requis.

Non. SVG Cleanup fonctionne instantanément dans le navigateur sans inscription et les fichiers restent locaux.