Nettoyez et compressez le code SVG localement avec comparaison de taille.
Glissez et déposez un fichier SVG ici, ou cliquez pour parcourir
Fichiers SVG uniquement, max 5 Mo
Taille originale
0 B
Taille optimisée
0 B
Nettoyez et compressez le code SVG localement avec comparaison de taille. Utilisez-le au travail, en développement, en apprentissage ou pour une vérification rapide.
Cet outil fonctionne dans le navigateur. Avant d'utiliser des données sensibles, assurez-vous que votre appareil et votre navigateur sont fiables.
Les SVG exportés depuis Illustrator, Inkscape, Figma ou Sketch contiennent souvent beaucoup d’éléments inutiles pour le navigateur : déclarations XML, DOCTYPE, commentaires de l’éditeur, blocs metadata et attributs à espace de noms comme sodipodi ou inkscape, compris seulement par le logiciel d’origine. Pour une icône, cela représente quelques Ko, mais avec des dizaines d’icônes sur un site ou des SVG intégrés directement au HTML, ce surplus ralentit le chargement et rend le code difficile à lire.
L’outil propose cinq options de nettoyage activables séparément : supprimer les commentaires ; supprimer la déclaration XML et le DOCTYPE ; supprimer metadata et les éléments propres aux éditeurs comme sodipodi et inkscape ; supprimer les attributs d’éditeur et les déclarations d’espaces de noms inutilisées ; compresser les espaces entre balises et les espaces répétés. Il affiche ensuite côte à côte l’aperçu d’origine et l’aperçu optimisé, avec les tailles et le pourcentage gagné, pour vérifier le résultat avant de copier le code ou de télécharger un nouveau fichier .svg.
L’outil effectue un nettoyage textuel prudent : il ne réécrit pas les tracés, n’arrondit pas les coordonnées et ne fusionne pas les formes, l’apparence ne change donc quasiment pas ; en contrepartie, le gain est souvent plus faible qu’avec des outils comme SVGO qui réécrivent les tracés. Les déclarations d’espaces de noms ne sont supprimées que si elles sont inutilisées : si le fichier contient encore xlink:href, xmlns:xlink est conservé et le .svg autonome continue de s’afficher. La compression des espaces ne touche pas au contenu de <text> (y compris ses <tspan>), <style> et <script>, et xml:space="preserve" est conservé, si bien que l’espacement du texte et le CSS restent intacts. Le traitement reposant sur des expressions régulières, comparez les aperçus si votre fichier utilise un balisage inhabituel.
Tout le traitement a lieu dans votre navigateur et les fichiers ne sont jamais envoyés. Si vous devez utiliser le graphique là où les vecteurs ne sont pas acceptés, comme certains réseaux sociaux ou documents Office, convertissez-le en PNG avec notre convertisseur d’images.
En général non. Seuls les commentaires, métadonnées et espaces sont supprimés ; tracés et coordonnées restent intacts. Comparez tout de même les aperçus.
Oui. Seules les déclarations d’espaces de noms inutilisées sont supprimées : xmlns:xlink reste dès que xlink:href est présent, et tout élément ou attribut préfixé conservé garde sa déclaration.
SVGO réécrit les tracés et la précision des nombres : gain supérieur, mais risque accru. Cet outil fait un nettoyage prudent, le plus sûr pour l’apparence.
Non. L’optimisation se fait entièrement dans votre navigateur.
Voir cette catégorie: Design & Couleurs
Créez des dégradés linéaires et radiaux avec aperçu direct et copie CSS.
Convertissez en temps réel entre HEX, RGB, HSL et CMYK.
Ajustez les ombres de boîte et le flou d'arrière-plan avec copie rapide du CSS.
Vérifiez la conformité de contraste WCAG 2.1 entre texte et arrière-plan.
