Des fichiers SVG plus légers, exactement identiques à l'œil
Les SVG exportés depuis Illustrator, Figma, Inkscape ou Sketch transportent beaucoup de poids que le navigateur ne dessine jamais : métadonnées d'éditeur, commentaires, calques masqués, nombres à huit décimales, groupes imbriqués dans des groupes. Cet optimiseur exécute SVGO — l'outil de référence pour optimiser les SVG — dans votre navigateur pour le supprimer, et affiche le résultat à côté de l'original pour que vous voyiez que seule la taille a changé.
Comment optimiser un SVG
- 1Déposez un ou plusieurs fichiers SVG, sélectionnez-les ou collez du code SVG.
- 2Vérifiez l'aperçu avant/après et la taille gagnée pour chaque fichier.
- 3Baissez la Précision pour des fichiers plus petits ; augmentez-la si les courbes commencent à se déformer.
- 4Activez ou désactivez les plugins SVGO un par un — par exemple, supprimez width et height pour que le SVG s'adapte via CSS.
- 5Téléchargez le SVG optimisé, copiez le code ou téléchargez tous les fichiers d'un coup dans un ZIP.
Ce qui est supprimé
- Données d'éditeur
- Métadonnées, commentaires, la déclaration XML et le doctype, ainsi que les espaces de noms et attributs qu'Inkscape, Illustrator et Sketch ajoutent pour leur propre usage.
- Code superflu
- Groupes et attributs vides, valeurs par défaut, éléments masqués, définitions et ID inutilisés, et groupes qui n'enveloppent qu'un seul élément.
- Géométrie verbeuse
- Les données de tracé sont réécrites avec des commandes relatives et moins de chiffres, les formes deviennent des tracés plus courts, et les transformations sont intégrées aux coordonnées quand c'est possible.
Réglages par défaut sûrs, options plus poussées
L'ensemble par défaut est le preset de SVGO lui-même, conçu pour laisser l'image inchangée. Les options supplémentaires vont plus loin mais changent plus que la taille : supprimer width et height fait remplir son conteneur au SVG, supprimer le titre masque son nom aux lecteurs d'écran, et supprimer xmlns ne convient qu'aux SVG collés en ligne dans du HTML.
Pour d'abord transformer une image matricielle en SVG, utilisez le convertisseur d'images, qui peut envoyer son SVG directement ici ; pour intégrer le résultat, utilisez image en Base64.
Questions fréquentes
- Est-ce la même chose que SVGO ou SVGOMG ?
- L'outil exécute SVGO lui-même, le moteur qu'utilise SVGOMG, avec son preset par défaut et les mêmes plugins sous forme d'interrupteurs. Tout s'exécute dans votre navigateur.
- L'optimisation va-t-elle changer l'apparence de mon SVG ?
- Pas avec les réglages par défaut. Une précision très basse peut déformer les courbes fines, et certaines options supplémentaires modifient le dimensionnement ou l'accessibilité — l'aperçu avant/après montre aussitôt la différence.
- Puis-je optimiser plusieurs fichiers SVG à la fois ?
- Oui. Déposez-en autant que vous voulez, modifiez les réglages une seule fois pour tous, et téléchargez-les ensemble dans un ZIP.
- Pourquoi la taille gzip est-elle affichée ?
- Les serveurs web envoient généralement les SVG compressés avec gzip : cette taille est donc plus proche de ce que les visiteurs téléchargent réellement.
- Mes fichiers sont-ils envoyés en ligne ?
- Non. SVGO s'exécute dans votre navigateur et les fichiers ne quittent jamais votre appareil.