Optimiseur SVG gratuit

Déposez le SVG sur cette page : l'optimiseur supprime les données d'éditeur, les métadonnées, les commentaires, les formes masquées et les espaces superflus. Vérifiez l'aperçu et la taille économisée dans la barre de statistiques, puis cliquez sur Télécharger pour récupérer le fichier allégé.

D'environ 1 % à 80 % dans nos fichiers d'exemple, selon l'origine du fichier. Un logo de type Inkscape rempli de données d'éditeur a perdu 80 %, tandis qu'une icône de 24 px déjà propre a perdu 1 %. Les photos intégrées dans un SVG ne sont pas allégées.

En général, non. Les formes, les couleurs et les coordonnées des tracés sont conservées telles quelles. Le risque vient de Supprimer les éléments masqués, qui efface les formes dont l'opacité est à zéro ou dont l'affichage est défini sur none, même si du CSS ou un script devait les afficher plus tard. Comparez les deux aperçus avant de télécharger.

Nettoyer les ID est la cause probable. Cette option supprime les ID inutilisés et renomme les autres avec des noms courts comme a et b : le CSS ou les scripts extérieurs au SVG qui recherchent un ID ne correspondent donc plus. Si le SVG contient sa propre balise style ou script, Nettoyer les ID ne touche pas aux ID. Désactivez Nettoyer les ID pour les conserver.

Supprimer les métadonnées efface le bloc de métadonnées. Supprimer les commentaires efface les commentaires du code. Réduire les groupes dissout les groupes inutiles. Nettoyer les ID raccourcit ou supprime les ID. Supprimer les éléments masqués retire les formes invisibles et les définitions inutilisées. Fusionner les tracés regroupe les tracés voisins qui partagent le même style.

Oui. Le viewBox, la largeur, la hauteur, ainsi que les balises title et desc sont toujours conservés : le SVG reste donc redimensionnable et garde son libellé textuel. Un point d'attention : Nettoyer les ID supprime l'ID d'un titre, ce qui casse un lien aria-labelledby vers celui-ci. Désactivez Nettoyer les ID pour ces fichiers.

Non. Les coordonnées des tracés ne sont pas arrondies, donc aucun chiffre significatif n'est supprimé, et les couleurs ne sont pas réécrites. Fusionner les tracés réécrit le code d'un tracé lorsqu'il en joint deux, de sorte que 10.000000 peut devenir 10, mais la valeur reste la même. Les fichiers contenant de longues décimales se réduisent donc moins ici.

Le fichier n'est pas un code SVG valide. L'optimiseur lit le fichier comme du texte et s'arrête sur un balisage défectueux, par exemple une balise non fermée ; le message indique la ligne et la colonne. Corrigez cet endroit dans un éditeur de texte, puis ajoutez de nouveau le fichier.

Oui. Cliquez sur Afficher le diff du code sous les aperçus pour ouvrir côte à côte le code d'origine et le code optimisé. Les deux fichiers complets sont affichés, sans mise en évidence de chaque modification, et le code optimisé est minifié sur une seule longue ligne.

Non. L'outil traite un seul fichier .svg à la fois et ne propose pas de zone pour coller du code. Déposer deux fichiers affiche la même erreur qu'un type de fichier incorrect. Les fichiers compressés .svgz ne sont pas acceptés : décompressez-les d'abord en un fichier .svg classique. Pour nettoyer plusieurs fichiers d'un coup, utilisez l'Optimiseur SVG par lots.

Il exécute SVGO 4 dans votre navigateur, avec un ensemble fixe de 13 plugins au lieu du préréglage par défaut. Six d'entre eux correspondent aux options de l'éditeur. Les sept autres s'exécutent toujours et suppriment les données d'éditeur, l'en-tête XML, le doctype et les balises vides.

Non. Votre SVG est lu et optimisé dans cet onglet du navigateur, et le résultat est enregistré directement dans vos téléchargements. La page envoie des statistiques d'usage anonymes, comme les options activées et une taille de fichier approximative, mais jamais le code SVG ni son nom.