Optimiser un SVG (nettoyer et alléger les fichiers SVG)
Collez ou déposez un SVG pour retirer métadonnées, commentaires et données d'éditeur, arrondir les décimales et alléger le fichier, avec comparaison de taille et aperçu avant/après. Les scripts et références externes sont retirés
Chargement de l’outil…
Un SVG exporté depuis Inkscape ou Illustrator transporte des données d'éditeur, des commentaires et des coordonnées à nombreuses décimales ; le fichier pèse donc plus que le dessin ne l'exige. Collez le code ou déposez le fichier pour retirer ce bruit, voir les octets gagnés et comparer le dessin avant et après.
Mode d’emploi
- Collez le code dans « Code SVG » ou déposez des fichiers .svg dans le cadre juste en dessous.
- Choisissez quoi retirer sous « Options ». Les réglages par défaut ne changent pas le dessin ; « Retirer title et desc » et « Retirer les id que rien ne référence » restent désactivés tant que vous n'en avez pas besoin.
- Baissez « Décimales » pour raccourcir les coordonnées ; une ou deux décimales suffisent pour des icônes.
- Vérifiez que « Aperçu avant » et « Aperçu après » concordent, puis appuyez sur « Copier » ou « Enregistrer le SVG ». Avec plusieurs fichiers, « Tout enregistrer en ZIP » les télécharge ensemble.
Fonctionnement
- Les scripts, les attributs d'événement commençant par on, foreignObject et les références à des adresses http ou à d'autres fichiers sont toujours retirés, et leur nombre s'affiche au-dessus du résultat.
- Les données d'éditeur sont les attributs et éléments à préfixe inkscape:, sodipodi: et similaires, ainsi que les déclarations d'espace de noms inutilisées. Le retrait des valeurs par défaut ne touche que des attributs comme fill-opacity="1" dont l'absence dessine la même image.
- Le nettoyage des nombres arrondit les valeurs de path, viewBox, points, transform et des coordonnées aux décimales choisies ; il ne convertit pas les coordonnées et ne fusionne pas les formes. Tout s'exécute dans le navigateur et aucun fichier n'est envoyé nulle part.
Questions fréquentes
- Pourquoi un SVG pèse-t-il tellement plus que le dessin ne le laisse penser ?
- Les éditeurs enregistrent le niveau de zoom, les noms de calques, des métadonnées et des coordonnées à six à huit décimales. Dans une icône simple, cela représente souvent plus de la moitié du fichier, si bien que le nettoyage fait gagner en général 40 à 70 pour cent.
- Le dessin peut-il changer après le nettoyage ?
- Les options par défaut ne retirent que des éléments sans effet sur le rendu. Arrondir à 0 ou 1 décimale peut décaler des lignes dans de très petits dessins ; comparez donc les deux aperçus.
- Pourquoi title et desc sont-ils conservés par défaut ?
- Les lecteurs d'écran les lisent pour décrire l'image. Pour un SVG purement décoratif, vous pouvez activer « Retirer title et desc ».
- Donne-t-il le même résultat que SVGO ?
- Non. Il n'effectue que des nettoyages sûrs comme le retrait des métadonnées et l'arrondi, sans fusion de tracés, mais il ne demande aucune installation et le résultat se vérifie à l'œil.