Aperçu / Images et graphismes / Optimiseur SVG
Images et graphismes 100 % dans le navigateur et hors ligne

Optimiseur SVG

Allégez vos fichiers SVG en supprimant données d’éditeur, commentaires et décimales superflues. Comparez avant et après, puis copiez ou téléchargez. Fonctionne dans votre navigateur.

Déposez ou choisissez un fichier ; les réglages modifient le résultat immédiatement.

Vos fichiers et données ne quittent jamais votre navigateur : rien n’est envoyé.

Chiffres conservés dans les coordonnées. 3 est sûr pour des icônes ; 1 ou 2 allège davantage mais peut déplacer des détails fins.

Désactivez le raccourcissement des id si le SVG est utilisé en ligne et que votre CSS ou vos scripts ciblent ses id. Gardez le titre si l’image doit rester lisible par les lecteurs d’écran.

Comparez les deux aperçus avant de remplacer un fichier : ils doivent être identiques. Votre SVG est traité dans cet onglet et n’est jamais envoyé.

Pourquoi les fichiers SVG traînent tant de données inutiles

Les logiciels de dessin enregistrent plus que le dessin : espaces de noms de l’éditeur, noms de calques, commentaires, éléments cachés, tracés à dix décimales et id comme « Layer_1-copy-3 ». Un navigateur n’a besoin de rien de tout cela. L’optimiseur de cette page lit le fichier, retire ce qui n’a aucun effet visible et réécrit le reste sous sa forme la plus courte : les icônes et les illustrations perdent souvent un tiers de leur poids ou davantage sans que leur aspect change.

Optimiser un SVG en quatre étapes

  1. Collez le code SVG dans la zone de gauche ou appuyez sur Ouvrir un fichier SVG.
  2. Réglez le nombre de décimales et cochez les options voulues.
  3. Comparez les deux aperçus et lisez la taille gagnée sous le résultat.
  4. Appuyez sur Copier ou téléchargez le nouveau fichier en .min.svg.

Ce que fait chaque option

  • Décimales arrondit les coordonnées. Trois chiffres sont sûrs pour des icônes ; un ou deux conviennent à de grandes formes simples.
  • Plusieurs passes répète le nettoyage jusqu’à ce qu’il n’y ait plus rien à gagner.
  • Raccourcir les id renomme les id utilisés et abandonne les autres. Désactivez-le pour un SVG en ligne dont les id sont stylés ou pilotés par script ailleurs.
  • Supprimer largeur et hauteur laisse l’image s’adapter à son conteneur, à condition qu’un viewBox existe.
  • Supprimer les scripts efface les éléments script et les attributs d’événements, utile avant d’intégrer un SVG de source inconnue.

Vérifications avant de remplacer l’original

L’optimisation est sûre pour la plupart des fichiers, mais un arrondi agressif peut déplacer des filets fins, et des id supprimés peuvent casser le CSS ou les animations qui les ciblent. C’est pourquoi la page montre l’original et le résultat côte à côte. Gardez le fichier d’origine jusqu’à avoir vu le nouveau à son emplacement réel.

Rien n’est envoyé

L’optimiseur est chargé une fois et s’exécute dans cet onglet. Votre création n’atteint jamais un serveur, ce qui compte pour des logos inédits et des travaux de clients.

Foire aux questions (FAQ)

Avec les options par défaut, l’image doit rester identique. Moins de décimales ou des id supprimés peuvent modifier des détails : vérifiez l’aperçu avant de remplacer un fichier.