Aller au contenu principal

Optimiseur et minifieur SVG — outil gratuit

Supprimez les métadonnées, réduisez les espaces et arrondissez les décimales pour réduire considérablement la taille des fichiers SVG — réductions typiques de 30 à 70 %. L'aperçu visuel garantit que rien n'est altéré.

Fonctionne hors ligne une fois chargé

Déposez un fichier ici ou cliquez pour parcourir

SVG · traité sur votre appareil

ou appuyez sur Ctrl+V pour coller depuis le presse-papiers

Parcourir les fichiers
— ou collez le SVG ci-dessous —

Vos fichiers ne quittent jamais votre appareil. Tout le traitement se fait localement dans votre navigateur.

Utilisations courantes

  • Optimiser les icônes SVG pour la productionSupprimez les métadonnées inutiles des SVG d'icône avant le déploiement — réduction typique de 50-80%.
  • Optimiser les logos de marque SVGRéduisez la taille du fichier logo SVG pour un chargement rapide du site Web sans sacrifier la qualité.
  • Optimiser les illustrations et les héros SVGPour les plus grandes illustrations (héros, graphiques décoratifs), l'optimisation peut économiser 30-70% de la taille du fichier.
  • Réduire la taille du bundle JavaScriptLorsque les SVG sont importés en tant que composants React ou intégrés au code, leur optimisation rétrécit votre bundle JS.
  • Nettoyer les exportations SVG Figma / SketchLes exportations SVG Figma et Sketch incluent des métadonnées étendues. Supprimez-les avant utilisation en production.

Comment ça marche

Cet outil réduit la taille des fichiers SVG avec un optimiseur écrit à la main qui s'exécute entièrement dans votre navigateur — sans bibliothèque, sans serveur. Il combine deux passes : le DOMParser/XMLSerializer intégré du navigateur pour un travail de précision au niveau des attributs, et des substitutions ciblées par expression régulière pour retirer les commentaires, les métadonnées, et réduire les espaces.

  1. 1
    DOMParser assainit le SVG
    Avant toute optimisation, le DOMParser du navigateur lit le SVG comme du XML et parcourt chaque élément. Les balises script, les gestionnaires d'événements (tout attribut on*), les éléments d'animation, et les références URL externes sont retirés inconditionnellement — cela s'exécute quelles que soient les options d'optimisation choisies.
  2. 2
    Arrondi décimal basé sur le DOM
    Si l'arrondi décimal est activé, l'optimiseur parcourt le DOM analysé une seconde fois et applique l'arrondi uniquement aux attributs numériques connus (données d, coordonnées, valeurs de transformation, largeurs de trait, etc.), avec une expression régulière qui fait correspondre les nombres à virgule flottante individuels sans corrompre les valeurs de chemin concaténées comme .5.5.
  3. 3
    Les passes d'expression régulière nettoient le balisage sérialisé
    XMLSerializer produit un XML normalisé, puis des remplacements de chaîne ciblés retirent les commentaires HTML, les métadonnées d'éditeur Inkscape/Sodipodi, la déclaration XML, les attributs par défaut redondants (comme version="1.1"), et les espaces entre les balises — chaque passe étroitement ciblée afin que le contenu des nœuds texte ne soit jamais touché.
  4. 4
    Taille gzip et formats d'export
    L'API CompressionStream du navigateur calcule les tailles gzip réelles de l'entrée et de la sortie, puisque c'est ce qui détermine réellement le coût de transfert sur le web. Le SVG optimisé peut être téléchargé, copié en SVG brut, converti en attributs camelCase prêts pour React JSX, ou encodé comme URI de données CSS — toutes les conversions se font localement.

Votre SVG est lu et traité entièrement à l'intérieur de votre onglet de navigateur — les octets du fichier ne quittent jamais votre appareil.

Outils associés

Questions fréquemment posées