Compresser un SVG en ligne : optimiseur SVG avec SVGO

Déposez un fichier SVG ici ou cliquez pour choisir un fichier, ou collez-le avec Ctrl+V

SVG

Fonctionne dans le navigateur · vos fichiers restent chez vous

Comment compresser un SVG

Ajoutez votre SVG. Déposez-le, choisissez-le ou collez-le.
Réglez le nombre de décimales. Moins de décimales donne un fichier plus léger. Vérifiez dans l'aperçu qu'aucun bord ne s'est décalé.
Comparez les deux aperçus. L'original et la version optimisée s'affichent côte à côte, avec le poids gagné.
Téléchargez ou copiez le code. Le nom du fichier se termine par .min.svg.

Optimiser un SVG : ce que l'outil supprime

Les logiciels de dessin ajoutent des données dont les navigateurs ne se servent jamais : espaces de noms et métadonnées de l'éditeur, commentaires, calques masqués, groupes vides, attributs aux valeurs par défaut et coordonnées avec plus de décimales qu'un écran ne peut en afficher. L'outil utilise SVGO, l'optimiseur open source présent dans de nombreux outils de build web, avec son jeu de plugins sûrs par défaut.

Compresser un fichier SVG en arrondissant les décimales

Les données de tracé sont souvent la plus grosse partie d'un SVG, et une bonne partie de ces données, ce sont des décimales. Une coordonnée comme 12.483920 sur une icône de 24 px s'affiche exactement comme 12.48. Le curseur des décimales contrôle cet arrondi. Pour les icônes, 1 à 2 décimales suffisent en général ; pour les illustrations détaillées ou les cartes, gardez-en 3. L'option Répéter jusqu'au gain maximal applique les plugins plusieurs fois, ce qui grappille encore un peu sur les fichiers complexes.

Réduire la taille d'un SVG pour le web : option responsive

Cochez Retirer width et height pour supprimer les dimensions fixes et ne garder que le viewBox. Le SVG s'adapte alors à la largeur de son conteneur, ce que l'on veut pour les icônes et les logos dans une mise en page CSS. Laissez la case décochée si le SVG doit garder une taille exacte.

Questions sur la compression SVG

L'optimisation change-t-elle l'apparence du SVG ?

Les plugins par défaut sont sûrs pour la plupart des fichiers. Un nombre de décimales très bas peut décaler de petits détails : comparez les deux aperçus avant de télécharger.

Mon fichier est-il envoyé sur un serveur ?

Non. SVGO s'exécute dans votre navigateur.

Les scripts sont-ils supprimés ?

Non : le jeu de plugins par défaut laisse volontairement les scripts en place. Pour inspecter un fichier avant de l'utiliser, ouvrez-le dans le lecteur SVG.

Est-ce gratuit ?

Oui, sans limite et sans inscription.