Minifier & Optimiser SVG en ligne — Outil SVG gratuit

Minifiez, optimisez et déminifiez vos fichiers SVG instantanément avec notre outil gratuit en ligne. Supprimez les métadonnées d'éditeur, réduisez la taille jusqu'à 60% et nettoyez le code SVG. Tout le traitement se fait dans votre navigateur.

Entrée

Loading editor...

Sortie

Loading editor...

Minification SVG

Compression des fichiers SVG en supprimant les espaces, commentaires, métadonnées et caractères inutiles tout en préservant toute la fonctionnalité SVG

Exemple de base

SVG d'entrée

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="40" fill="blue"/>
  <rect x="20" y="20" width="60" height="60" fill="red"/>
</svg>

SVG minifié

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="blue"/><rect x="20" y="20" width="60" height="60" fill="red"/></svg>

Options de minification

Supprimer les commentaires

Supprime tous les commentaires SVG () du code

Comparaison avec/sans l'option :

Code original

<svg>
  <!-- Ceci est un commentaire -->
  <circle cx="50" cy="50" r="40"/>
</svg>

Avec removeComments: true

<svg><circle cx="50" cy="50" r="40"/></svg>

Avec removeComments: false

<svg><!-- This is a comment --><circle cx="50" cy="50" r="40"/></svg>

Réduire les espaces

Réduit les espaces multiples en un seul espace

Comparaison avec/sans l'option :

Code original

<svg>
    <text>   Espaces   multiples   </text>
    <g>  Groupe  </g>
</svg>

Avec collapseWhitespace: true

<svg><text> Espaces multiples </text><g> Groupe </g></svg>

Avec collapseWhitespace: false

<svg><text>   Multiple   spaces   </text><g>  Group  </g></svg>

Supprimer les métadonnées

Supprime les éléments de métadonnées du code SVG

Comparaison avec/sans l'option :

Code original

<svg>
  <metadata>Métadonnées</metadata>
  <circle cx="50" cy="50" r="40"/>
</svg>

Avec removeMetadata: true

<svg><circle cx="50" cy="50" r="40"/></svg>

Avec removeMetadata: false

<svg><metadata>Some metadata</metadata><circle cx="50" cy="50" r="40"/></svg>

Supprimer les attributs vides

Supprime les attributs avec des valeurs vides

Comparaison avec/sans l'option :

Code original

<svg>
  <circle cx="50" cy="50" r="40" id="" class=""/>
</svg>

Avec removeEmptyAttributes: true

<svg><circle cx="50" cy="50" r="40"/></svg>

Avec removeEmptyAttributes: false

<svg><circle cx="50" cy="50" r="40" id="" class=""/></svg>

Supprimer les éléments cachés

Supprime les éléments avec les styles display:none ou visibility:hidden

Comparaison avec/sans l'option :

Code original

<svg>
  <circle cx="50" cy="50" r="40" style="display:none"/>
  <rect x="10" y="10" width="20" height="20" style="visibility:hidden"/>
</svg>

Avec removeHiddenElements: true

<svg></svg>

Avec removeHiddenElements: false

<svg><circle cx="50" cy="50" r="40" style="display:none"/><rect x="10" y="10" width="20" height="20" style="visibility:hidden"/></svg>

Fonctionnalités

Notre outil d'optimisation SVG offre un ensemble complet de fonctionnalités pour travailler avec les fichiers SVG.

Minifier SVG

Supprimez les espaces inutiles, commentaires, métadonnées et éléments cachés des fichiers SVG pour réduire la taille tout en préservant la qualité visuelle.

Déminifier SVG

Restaurez un formatage lisible du code SVG minifié avec une indentation et des sauts de ligne appropriés pour faciliter l'édition et le débogage.

Optimiser SVG

Allez au-delà de la minification en supprimant les métadonnées d'éditeur, simplifiant les chemins et nettoyant les éléments inutilisés pour une réduction maximale.

Comment fonctionne l'optimisation SVG

L'optimisation SVG va au-delà de la simple minification. Alors que la minification supprime les espaces et commentaires, l'optimisation analyse la structure SVG pour supprimer les métadonnées d'éditeur (Illustrator, Inkscape), simplifier les données de chemin, fusionner les éléments compatibles et supprimer les définitions inutilisées. Cela peut réduire la taille des fichiers SVG de 20 à 60% sans aucun changement visuel.

Optimisation SVG vs Minification — Quelle différence

La minification est un sous-ensemble de l'optimisation. Minifier un SVG supprime les espaces, sauts de ligne et commentaires. L'optimisation supprime en plus les métadonnées, artefacts d'éditeur, simplifie les coordonnées et nettoie les defs inutilisés. Les deux approches sont sûres et préservent le rendu visuel. Utilisez notre outil pour les deux — collez votre SVG et cliquez sur le bouton approprié.

Questions fréquemment posées

Tout ce que vous devez savoir sur la minification et l'optimisation SVG

Pourquoi minifier les fichiers SVG ?

La minification SVG réduit la taille des fichiers en supprimant les espaces, commentaires et métadonnées inutiles. Cela améliore les temps de chargement, réduit la bande passante et aide les scores de performance web. Des réductions de 20 à 60% sont courantes.

Comment fonctionne la minification SVG ?

Notre outil analyse la structure XML du SVG et supprime les espaces, commentaires, éléments de métadonnées et contenu caché tout en préservant tous les chemins, formes, styles et attributs visibles. Le rendu visuel reste identique.

Puis-je déminifier du code SVG ?

Oui, collez n'importe quel SVG minifié dans notre outil et utilisez la fonction de déminification pour restaurer un formatage lisible avec une indentation appropriée. Cela facilite l'inspection et l'édition du code SVG.

Mon SVG est-il traité de manière sécurisée ?

Tout le traitement SVG se fait entièrement dans votre navigateur en JavaScript. Aucun fichier n'est envoyé à un serveur, garantissant une confidentialité totale pour vos graphiques et designs.

L'optimisation affecte-t-elle la qualité visuelle du SVG ?

Non. Notre optimisation ne supprime que les données non visuelles comme les métadonnées, commentaires d'éditeur et attributs redondants. Tous les chemins, couleurs, dégradés et effets visibles sont préservés exactement tels quels.

Quelles métadonnées sont supprimées lors de l'optimisation ?

Les métadonnées spécifiques aux éditeurs comme Adobe Illustrator, Inkscape et Sketch sont supprimées. Cela inclut les espaces de noms d'éditeur, dates de création, noms de calques et autres données non rendues qui augmentent la taille du fichier.

Puis-je optimiser des icônes et logos SVG ?

Absolument. Les icônes et logos SVG bénéficient grandement de l'optimisation car ils sont souvent exportés avec des métadonnées significatives. Notre outil est idéal pour préparer des assets SVG pour le web.

Quelle réduction de taille puis-je espérer ?

Les réductions typiques vont de 20% à 60% selon la complexité du SVG et sa source. Les SVG exportés depuis des outils comme Illustrator ont tendance à avoir plus de métadonnées, résultant en des réductions plus importantes.

Autres outils de minification