Gratuit en ligne SVG Optimizer
Optimisez, minifiez et nettoyez des fichiers SVG en ligne. Supprime les métadonnées Inkscape/Illustrator, les commentaires, les groupes vides et les attributs inutiles. Prévisualisation instantanée — gratuit, 100 % côté client.
100% Côté client · Vos données ne quittent jamais votre navigateurOptimization Options
Comment utiliser SVG Optimizer
Collez votre code SVG dans le volet Input SVG, choisissez vos options d'optimisation, puis cliquez sur Optimiser ou appuyez sur Ctrl/Cmd+Entrée.
- Supprimer les commentaires — supprime les blocs
<!-- ... -->. - Supprimer les métadonnées — retire l'élément
<metadata>intégré par Inkscape/Illustrator. - Supprimer les attributs éditeur — supprime
inkscape:*,sodipodi:*,data-nameet leurs déclarations d'espace de noms. - Réduire les espaces — normalise les espaces et sauts de ligne dans les valeurs d'attribut et entre les balises.
- Supprimer les groupes vides — élimine les éléments
<g></g>sans enfants. - Arrondir les nombres — réduit la précision décimale des coordonnées de chemin
d(ex. 123.456789 → 123.46).
La barre de statistiques affiche les tailles avant/après et le pourcentage économisé. Utilisez Formater pour embellir un SVG minifié. Appuyez sur Ctrl/Cmd+K pour effacer.
Questions fréquentes
Que fait l'optimisation SVG ?
L'optimisation SVG supprime les données inutiles au rendu : métadonnées éditeur, commentaires XML, éléments conteneurs vides, déclarations d'espaces de noms redondantes et espaces superflus. Elle peut également arrondir les nombres décimaux trop précis dans les données de chemin. Le résultat est un fichier plus léger qui s'affiche identiquement dans tous les navigateurs.
Pourquoi les SVG exportés depuis Inkscape ou Illustrator contiennent-ils autant de données supplémentaires ?
Inkscape et Adobe Illustrator intègrent des attributs privés (inkscape:*, sodipodi:*, ai:*) et des blocs de métadonnées pour conserver l'état d'édition : noms de calques, paramètres de grille, informations de police, propriétés du document. Ces données sont nécessaires dans l'éditeur mais inutiles pour un navigateur.
L'optimisation va-t-elle modifier l'apparence de mon SVG ?
Les options de cet outil sont conçues pour être visuellement sans perte. La suppression des commentaires, métadonnées et attributs éditeur ne change pas le rendu. Arrondir les coordonnées de chemin à 2 décimales est imperceptible à taille d'affichage normale (erreur inférieure à 0,01 px). Prévisualisez toujours le résultat avant de le déployer.
Pourquoi la précision des données de chemin influe-t-elle sur la taille du fichier ?
Les outils de dessin exportent souvent les coordonnées avec 6 à 10 décimales. Pour l'affichage web, 1 à 2 décimales suffisent. L'arrondi réduit considérablement le nombre de caractères dans les illustrations complexes comprenant de nombreux segments de chemin.
Qu'est-ce qu'une optimisation sûre par opposition à une optimisation risquée ?
Les optimisations sûres préservent le rendu visuel : suppression des commentaires, métadonnées, attributs éditeur et groupes vides. Les optimisations risquées peuvent modifier l'apparence : suppression de l'attribut viewBox, altération des couleurs que le CSS surcharge, ou suppression d'attributs id référencés par JavaScript. Cet outil n'applique que des optimisations sûres.
Comment cela se compare-t-il à SVGO ?
SVGO est l'optimiseur Node.js de référence avec des dizaines de plugins, dont la fusion avancée de chemins. Cet outil navigateur couvre les optimisations les plus impactantes sans installation. Pour les pipelines de build en production, SVGO ou le plugin svgo Vite/webpack est recommandé ; cet outil est idéal pour les fichiers ponctuels.