Optimiseur SVG en Ligne
Optimiseur SVG gratuit — supprimez les métadonnées d'éditeur, commentaires et réduisez la précision des chemins des exports Figma et Illustrator. 100%...
Mis à jour mai 2026
Vérifié par Rafael Duarte
Niveau d'optimisation
Options de nettoyage
Embellir le code
Sortie indentée et lisible
Précision des tracés
2 déc.Une précision plus faible produit des fichiers plus légers mais peut déformer les formes complexes.
ASTUCE
Utilisez toujours « Équilibré » pour les logos. « Agressif » peut parfois fusionner des calques qui ont besoin d'ID distincts pour l'animation.
Vos fichiers SVG ne sont jamais envoyés. Toute l'optimisation s'exécute entièrement dans votre navigateur.
30 à 70 % plus léger
Supprime les métadonnées d'éditeur, les commentaires et les éléments redondants sans modifier le rendu visuel.
Préréglages configurables
Choisissez une optimisation Sûre, Équilibrée ou Agressive — ou réglez chaque option manuellement.
100 % privé
Aucun envoi vers un serveur. Vos fichiers SVG ne quittent jamais votre appareil.
Optimiseur SVG en ligne
D'un export surchargé à un SVG prêt pour la production
1. Collez ou envoyez votre SVG
Déposez un fichier `.svg` ou collez le code directement dans la zone de texte.
2. Choisissez le niveau
Safe, Balanced (recommandé) ou Aggressive — ou ajustez chaque option individuellement.
3. Visualisez et exportez
Vérifiez dans l'aperçu que rien n'a changé visuellement, puis copiez ou téléchargez le `.svg` optimisé.
Ce que fait cet outil
Les mêmes optimisations que SVGO, dans le navigateur
Supprime le surplus d'éditeur
Espaces de noms Figma/Illustrator/Inkscape/Sketch, métadonnées, commentaires et ID de calques inutilisés.
Réduit la précision des coordonnées
d="M15.123456 32.678901" devient d="M15.12 32.68" sans altérer le rendu.
Aperçu avant/après
Statistiques de réduction et visualisation côte à côte avant d'exporter.
Ne supprime jamais le `viewBox`
Essentiel pour la mise à l'échelle responsive — préservé quel que soit le préréglage.
Mode Prettify
Indente le code pour la lecture et le débogage. Augmente la taille du fichier — à désactiver avant d'exporter pour la production.
Supprime les groupes `<g>` vides
Élimine les éléments de regroupement sans enfants ni contenu, laissés par des outils de calques comme Figma.
Safe vs. Balanced vs. Aggressive
Quand vous allez utiliser cet outil
Les scénarios les plus courants chez les utilisateurs
Performance web et Core Web Vitals
Chaque Ko économisé sur les icônes et logos réduit le poids de la page, en particulier le LCP.
Nettoyer les exports Figma/Illustrator
Supprimez les couches de métadonnées propriétaires ajoutées automatiquement.
Préparer des composants React/Vue
Un SVG optimisé et sans ID inutiles est plus simple à coller comme composant JSX/TSX.
Maintenir des bibliothèques d'icônes
Traitez des ensembles entiers sans avoir besoin d'une configuration locale de SVGO.
Intégration dans des e-mails et des CMS
Des SVG inline plus légers respectent les limites de taille des systèmes de gestion de contenu et des clients de messagerie.
Revue visuelle avant publication
Utilisez le curseur de comparaison en plein écran pour vérifier l'original et la version optimisée côte à côte avant de déployer.
Erreur fréquente ? Commencez par ici
Utiliser Aggressive sur des illustrations complexes
L'arrondi à 1 décimale peut introduire des différences subpixel perceptibles sur des courbes.
Supprimer des ID référencés par du CSS/JS
Si des animations ou des sélecteurs dépendent d'un ID, utilisez le préréglage Safe pour les préserver.
Croire que l'optimisation remplace la compression GZIP
Elles sont complémentaires — minifiez le SVG et activez quand même la compression côté serveur.
Activer Prettify en espérant un fichier plus léger
Prettify indente le code pour une lecture humaine — cela augmente la taille du fichier, pas l'inverse. Désactivez-le avant d'exporter pour la production.
Attendre une suppression automatique des `<defs>` inutilisés
Cet outil supprime les ID non référencés, mais n'élimine pas des dégradés ou des clip-paths entiers dans <defs> devenus inutiles.
Attendre une compression des images raster intégrées en base64
L'optimiseur agit sur la géométrie vectorielle — paths, coordonnées, ID — mais ne recompresse pas les images PNG/JPG intégrées via <image> en base64 à l'intérieur du SVG. Optimisez ces images raster séparément avant de les intégrer.
Pourquoi utiliser cet outil
Met en œuvre les mêmes optimisations essentielles que SVGO — la bibliothèque Node.js derrière la plupart des optimiseurs — directement dans le navigateur, sans rien installer.
Une icône typique exportée depuis Figma est 2 à 5 fois plus lourde que nécessaire. Sans envoi sur un serveur, sans inscription, sans limite de taille.
Chaque option de nettoyage peut être activée ou désactivée individuellement, et le curseur de comparaison en plein écran montre exactement ce qui a changé avant de publier.
Questions fréquentes
Il supprime les données inutiles — métadonnées d'éditeur, commentaires, espaces de noms redondants, précision décimale excessive — sans altérer le rendu. Le résultat est un fichier plus léger qui se charge plus vite.
Références
Outils connexes
- Générateur de Tableau ASCII et Markdown Développeur Générateur de tableau ASCII gratuit — créez des tableaux texte en style MySQL, Markdown, Unicode, arrondi, double ligne et reStructuredText. Collez du CSV...
- Décodeur Base64 Développeur Décodez des chaînes Base64 en texte brut instantanément dans votre navigateur. Supporte UTF-8, l'entrée multiligne et affiche le nombre de caractères.
- Encodeur Base64 Développeur Encodez n'importe quel texte en Base64 instantanément dans votre navigateur. Supporte UTF-8, affiche le nombre de caractères et la taille du payload....
- Base64 en Image Développeur Collez une chaîne Base64 ou une data URL et prévisualisez l'image décodée instantanément — convertisseur gratuit supportant PNG, JPEG, WebP, GIF, SVG. Sans...
- Générateur Bcrypt Développeur Générateur de hash bcrypt gratuit — 100% côté client. Benchmark du facteur coût en temps réel, parser du hash et snippets pour Node.js, Python, PHP, Go.
