Optimiseur SVG
Supprime les métadonnées XML, retire les commentaires et réduit les espaces blancs pour que les illustrations SVG se chargent plus rapidement.
Optimisation des vecteurs...
Dépose des icônes SVG, des illustrations ou des bibliothèques zippées
Tout reste côté client jusqu'à ce que tu approuves le nettoyage, et les aperçus mettent en évidence les changements de tracé.
File d'attente SVG
- Ajoute des fichiers SVG pour prévisualiser leur taille et leur statut avant la minification.
Les SVG optimisés apparaîtront ici avec les économies de taille et les boutons de téléchargement.
L'optimiseur SVG élimine les éléments inutiles des fichiers SVG au niveau du texte. Il supprime les commentaires XML, la déclaration XML optionnelle et tout le bloc de métadonnées, puis compresse l'espace blanc entre les balises. Le balisage visible, les attributs, les chemins et le comportement de rendu restent inchangés. Jusqu'à 50 fichiers par lot, 40 Mo par fichier. Les fichiers créés à la main ou exportés d'outils de design se compriment généralement de 20 à 60 pour cent sans différence visuelle.
Ce Que L'Optimiseur Supprime
Trois options indépendantes, chacune sûre à appliquer sur n'importe quel SVG valide :
- Supprimer les commentaires XML : supprime tous les blocs
<!-- ... -->. Les commentaires sont courants dans les exports d'outils de design (Illustrator, Sketch, Figma ajoutent tous des commentaires comme « Generator: Sketch 96 »), mais sont complètement ignorés par le moteur de rendu. - Supprimer les métadonnées : supprime tout le bloc
<metadata>...</metadata>(qui contient souvent RDF, des informations de licence ou des données de suivi d'outils de design) et la déclaration<?xml ... ?>optionnelle en haut du fichier. Les deux sont invisibles pour le rendu et ajoutent régulièrement 100 à 500 octets par fichier. - Compresser l'espace blanc : supprime l'espace blanc entre les balises (l'indentation qui rend le SVG lisible pour les humains) et réduit les séries d'espaces multiples à des espaces simples. La plupart des outils de design exportent le SVG avec indentation pour l'affichage en éditeur, mais le moteur de rendu ne s'en soucie pas.
Ce Que L'Optimiseur Ne Touche Pas
L'optimiseur est intentionnellement prudent. Il modifie seulement le texte autour du contenu SVG réel ; il ne touche pas au SVG lui-même. Plus précisément :
- Les données de chemin restent inchangées. Les coordonnées de chemin, la précision décimale et les commandes de courbe sont conservées exactement comme la source les a écrites. Une coordonnée à 14 décimales reste à 14 décimales.
- Les attributs sont conservés tels quels. Pas de dédoublonnage, pas de simplification, pas de raccourcissement des valeurs de couleur, pas de consolidation des transformations.
- Pas d'élagage d'éléments. Les éléments invisibles, les defs inutilisés et les formes de taille zéro sont préservés.
- Pas de recalcul de viewBox ou de dimensions.
L'avantage est la sécurité : le résultat s'affiche de manière identique à la source sur tous les navigateurs. Le compromis est que tu ne peux pas extraire le dernier octet d'un SVG complexe de la façon qu'un optimiseur complet (SVGO avec tous les plugins activés) pourrait le faire. Pour la plupart des SVG créés à la main ou exportés d'outils de design, les économies provenant uniquement de la suppression des commentaires, des métadonnées et de l'espace blanc représentent 20 à 60 pour cent, ce qui couvre le cas typique. Si tu as besoin d'une optimisation plus approfondie (simplification de chemin, arrondi décimal, raccourcissement de couleur), utilise un outil dédié comme SVGO ensuite.
Quand L'Optimisation SVG Est Importante
- Ensembles d'icônes déployés sur le web : une interface utilisateur typique utilise des dizaines d'icônes SVG. Optimiser chacune avant le déploiement s'accumule à chaque chargement de page.
- SVG intégrés en ligne dans HTML : quand le SVG est intégré directement dans le code source de la page (au lieu d'être chargé comme fichier externe), chaque octet de surcharge s'ajoute au payload HTML qui bloque le premier affichage.
- Illustrations SVG sur les pages d'accueil : les illustrations héros exportées d'Illustrator ou Figma portent régulièrement 30 à 50 pour cent de surcharge invisible.
- Logos et favicons : le SVG de marque est chargé sur chaque page d'un site. Le réduire une fois offre des économies permanentes.
- Ressources SVG dans les applications mobiles : la taille du bundle d'application compte ; les SVG plus propres s'expédient dans des bundles plus petits.
Notes De Flux De Travail
Optimise comme dernière étape avant le déploiement ou la validation. Le résultat est toujours un SVG entièrement modifiable (l'optimiseur supprime seulement le contenu invisible), mais il n'est plus convivial pour les humains en raison de l'espace blanc compressé. Conserve tes fichiers source dans la forme indentée d'origine pour pouvoir continuer à modifier dans ton outil de design ou à ajuster manuellement le balisage plus tard. Pour les fichiers où les économies de l'optimiseur ne suffisent pas (illustrations lourdes avec de nombreuses coordonnées de chemin), envisage d'exécuter le résultat via un optimiseur conscient des chemins comme SVGO avant la publication.
SVG est un format vectoriel et s'affiche nettement à n'importe quelle taille, mais si tu as vraiment besoin d'une sortie raster pour un contexte qui ne supporte pas SVG (anciens clients e-mail, certains pipelines d'impression), le convertisseur d'image rend le SVG en PNG, JPG ou WebP à n'importe quelle dimension en pixels. Pour regrouper un ensemble de SVG dans un seul document partageable, le convertisseur image-vers-PDF les compacte dans un PDF multi-pages.
Optimisation Par Lot Et Confidentialité
Chaque optimisation s'exécute en mémoire sur le serveur. Les fichiers sont transmis en flux vers le endpoint d'optimiseur, traités en tant que texte (le SVG lui-même est du texte, pas du binaire comme JPG ou PNG), et renvoyés dans la réponse JSON. Rien n'est écrit sur le disque, indexé, enregistré ou mis en cache. Le buffer est libéré dès que la réponse est envoyée. Jusqu'à 50 fichiers par lot, 40 Mo par fichier. Les archives ZIP sont dépaquetées côté serveur et chaque entrée compte pour la même limite de 50 fichiers. Les trois mêmes options s'appliquent à chaque fichier dans un lot. Les résultats sont renvoyés individuellement ou repackagés dans un seul ZIP de téléchargement pour les lots de plus d'un fichier.
FAQ
Pour la plupart des SVG créés à la main ou exportés d'outils de design, attends-toi à une réduction de taille de 20 à 60 pour cent. Les économies exactes dépendent de la façon dont la source a été générée. Les exports d'Illustrator et Sketch avec métadonnées intégrées, commentaires et balisage indenté économisent le plus (souvent au-dessus de 40 pour cent). Les SVG déjà propres (écrits à la main ou pré-nettoyés par un autre outil) économisent moins. Les économies proviennent des commentaires, du bloc de métadonnées, de la déclaration XML et de l'espace blanc entre les balises. Le balisage visible réel reste inchangé.
Oui. L'optimiseur supprime seulement les commentaires XML, le bloc de métadonnées, la déclaration XML et l'espace blanc entre les balises. Aucun de ceux-ci n'affecte le rendu. Les coordonnées de chemin, les attributs, les remplissages, les traits, les transformations, viewBox, les dégradés, les filtres et les animations passent tous inchangés. Le résultat produit des résultats pixel-identiques dans tous les navigateurs.
Non. Les données de chemin sont préservées telles quelles. Une coordonnée écrite comme 47.3892756432198 reste à 13 décimales dans le résultat. L'optimiseur est intentionnellement prudent ; il ne touche pas du tout à la géométrie SVG. Cela garde le résultat garantissement sûr et visuellement identique à la source. Pour une optimisation plus approfondie qui inclut l'arrondi décimal et la simplification de chemin, exécute le fichier optimisé via un outil dédié comme SVGO ensuite.
Pour le SVG intégré en ligne dans HTML ou référencé via des balises img/object dans les navigateurs modernes, oui. La déclaration XML (<?xml version="1.0" encoding="UTF-8"?>) est optionnelle et régulièrement omise du SVG intégré. Pour les fichiers SVG autonomes servis avec le type MIME application/svg+xml, la déclaration est techniquement recommandée par la spécification XML, mais aucun navigateur moderne ne la nécessite. Si tu as un consommateur spécifique qui se plaint de son absence (un flux de travail d'impression, un ancien analyseur XML), désactive l'option de suppression de métadonnées pour garder la déclaration en place.
Oui, le fichier optimisé est toujours un SVG entièrement valide qui s'ouvre dans n'importe quel éditeur vectoriel (Illustrator, Inkscape, Figma, Sketch, etc.). Cependant, l'espace blanc compressé rend le code source noticeablement moins lisible si tu l'ouvres dans un éditeur de texte pour des ajustements manuels. Le flux de travail recommandé est de conserver la version indentée d'origine comme ta source de vérité, et de ne nourrir que la version optimisée en production. Quand tu as besoin de faire des modifications, modifie la source et réexécute l'optimiseur.
Non. Les animations SMIL (animate, animateTransform, animateMotion), les classes CSS et les styles intégrés, les crochets JavaScript via les IDs et les cibles d'interaction au clic/survol vivent tous dans le balisage visible, que l'optimiseur ne touche pas. Seulement les commentaires, le bloc de métadonnées, la déclaration XML et l'espace blanc entre les balises sont supprimés. Les logos animés, les diagrammes SVG interactifs et les animations CSS intégrées continuent de fonctionner exactement comme avant.
SVGO est un optimiseur approfondi qui comprend SVG sémantiquement ; il peut simplifier les chemins, arrondir les coordonnées décimales, dédoublonner les attributs, fusionner les éléments frères, supprimer les defs inutilisés, raccourcir les valeurs de couleur et bien plus. Cet outil est un nettoyeur léger au niveau du texte qui supprime seulement les commentaires, les métadonnées et l'espace blanc. La différence est la prudence : cet outil ne cassera jamais un SVG car il ne touche pas à la géométrie ou aux attributs ; SVGO peut occasionnellement introduire des différences de rendu subtiles quand l'un de ses plugins agressifs s'exécute. Pour la plupart des cas d'utilisation, le nettoyage léger ici est suffisant. Pour l'optimisation minimale en octets, exécute SVGO ensuite.
Oui. Jusqu'à 50 fichiers SVG par lot, 40 Mo par fichier. Les trois mêmes options (supprimer les commentaires, supprimer les métadonnées, compresser l'espace blanc) s'appliquent à chaque fichier du lot, ce que tu veux quand tu optimises un ensemble d'icônes entier ou un dossier d'exports d'outils de design. Les archives ZIP sont dépaquetées côté serveur et chaque entrée compte pour la même limite de 50 fichiers. Les résultats sont renvoyés individuellement ou repackagés dans un seul ZIP de téléchargement.
Non. Les fichiers sont traités entièrement en tant que texte en mémoire sur le serveur. Rien n'est écrit sur le disque, indexé, enregistré ou mis en cache. Le buffer est libéré dès que la réponse est envoyée. L'outil ne nécessite aucune inscription et ne suit pas les fichiers SVG que tu as optimisés.
Gratuit sans inscription. Pas de limites de débit, pas de filigranes ajoutés aux résultats, pas de niveau premium avec des fonctionnalités supplémentaires retenues. La même chose s'applique à tous les outils imgdeal, y compris la conversion de format, la compression, le redimensionnement et le recadrage.