Cet outil charge le moteur SVGO officiel pour navigateur uniquement après un clic sur Optimiser. Il utilise la configuration standard des plugins, retire les scripts et les gestionnaires d’événements pour un usage web plus sûr, et peut conserver les ID dont dépendent le CSS, JavaScript, les dégradés, les masques ou des références externes.
Optimiser un SVG gratuitement
Fonctionne entièrement dans votre navigateur : aucun envoi, aucune inscription.
Les scripts et gestionnaires d’événements sont retirés
SVG original
SVG optimisé
Ctrl ou Command + Entrée
Collez un balisage SVG ou choisissez un fichier pour commencer
À quoi sert un optimiseur SVG ?
Un optimiseur SVG allège un fichier vectoriel en supprimant les métadonnées de l’éditeur, les commentaires, les attributs redondants et les décimales inutiles. Collez le balisage ou choisissez un fichier pour exécuter SVGO dans le navigateur, comparez les aperçus avant et après, puis copiez ou téléchargez le SVG réduit sans envoyer votre création.
Comment l’utiliser
- 1Ajoutez le SVG. Collez le balisage SVG complet, déposez un fichier .svg local dans la zone d’import ou chargez l’exemple fourni.
- 2Choisissez des réglages sûrs. Réglez la précision numérique, gardez le mode multipasse actif pour gagner quelques octets de plus et conservez les ID si un autre code les utilise.
- 3Optimisez et comparez. Lancez SVGO, puis comparez les nombres d’octets et les aperçus des versions originale et optimisée.
- 4Copiez ou téléchargez. Copiez le balisage compact ou téléchargez un nouveau fichier .optimized.svg sans modifier votre création source.
Pour qui
- Développeurs frontend qui réduisent des icônes, logos et illustrations avant de les ajouter à un site ou à une bibliothèque de composants.
- Designers qui nettoient les métadonnées et le balisage propre à Figma, Illustrator, Sketch ou Inkscape.
- Équipes performance qui mesurent précisément les octets UTF-8 gagnés avant d’intégrer des ressources vectorielles à un bundle web.
- Auteurs de composants qui préparent un balisage SVG compact pour React, Vue, Svelte ou du HTML simple.
Questions fréquentes
Cet optimiseur SVG est-il gratuit ?
Oui. Vous pouvez optimiser des fichiers SVG sans compte, paiement ni installation. L’outil indique la variation exacte en octets UTF-8 et permet de copier ou télécharger le résultat depuis le navigateur.
Mon SVG est-il envoyé sur un serveur ?
Non. La lecture du fichier, le traitement par SVGO, la mesure des octets et la génération des aperçus ont lieu dans votre navigateur. Cet outil ne transfère ni vos logos, ni vos icônes, ni vos créations inédites.
Quelle taille de SVG peut-on optimiser ?
L’outil accepte une source SVG allant jusqu’à 5 Mo. Cette limite garde l’analyse réactive sur les téléphones et les ordinateurs portables courants. Pour une illustration exportée très lourde, retirez les images matricielles intégrées ou divisez-la en plusieurs ressources.
L’optimisation peut-elle changer l’apparence du SVG ?
SVGO cherche à préserver le rendu tout en retirant les données redondantes, mais un arrondi numérique trop fort ou le nettoyage des ID peut affecter les fichiers complexes. Comparez les deux aperçus et testez le SVG optimisé dans son contexte réel avant de remplacer une ressource en production.
Que change la précision décimale ?
La précision décimale fixe le nombre de chiffres que SVGO conserve après la virgule dans les coordonnées, les transformations et les autres valeurs numériques. Une valeur basse économise souvent plus d’octets, mais peut déplacer des détails très fins. Trois chiffres conviennent à la plupart des icônes et illustrations web.
Faut-il conserver les ID du SVG ?
Conservez les ID si le CSS, JavaScript, les attributs aria, les dégradés, les masques, les filtres ou des documents externes y font référence. Pour un fichier décoratif autonome, vous pouvez désactiver cette option afin que SVGO retire ou raccourcisse les identifiants inutilisés.
L’optimiseur retire-t-il les scripts des fichiers SVG ?
Oui. Le traitement supprime les éléments script, les attributs de gestion d’événements et les liens JavaScript. Les fichiers exportés sont ainsi plus sûrs comme images web classiques, mais l’outil ne convient pas aux applications SVG dont le fonctionnement repose sur des scripts.
À quoi sert l’optimisation multipasse ?
Le mode multipasse permet à SVGO de retraiter le résultat tant qu’une nouvelle passe peut le réduire. Certaines transformations révèlent d’autres éléments à nettoyer lors de la passe suivante. Le gain reste souvent léger, car la première passe produit l’essentiel de la réduction.