Supprimez les métadonnées d’éditeur superflues, les commentaires XML, les calques masqués et les décimales excessives directement dans votre navigateur sans altérer le rendu visuel.
ou cliquez pour sélectionner des fichiers
Mesures concrètes de réduction de poids sur des fichiers bruts exportés depuis Adobe Illustrator, Figma et Inkscape.
Suppression de 21 Ko d’en-têtes Adobe XMP, de balises privées <i:pgf> et d’espaces de noms inutilisés. Arrondi de plus de 4 200 coordonnées de tracés de 6 à 2 décimales sans aucun écart visible à un zoom de 400 %.
Fusion des conteneurs de groupes redondants, suppression des attributs fill-opacity="1" inutiles et minification des blocs <style> sur 24 icônes d’interface en un seul glisser-déposer.
Élimination intégrale des attributs propriétaires inkscape:* et sodipodi:*, suppression de 14 calques de brouillon masqués et réduction de 68 % du temps d’analyse DOM dans le navigateur.
Les logiciels comme Adobe Illustrator, Figma, Sketch et Inkscape privilégient la réédition en injectant des balises XML propriétaires, des coordonnées à 7 décimales et des calques invisibles qui alourdissent inutilement vos fichiers SVG.
Intégrer des SVG bruts en ligne (inline) dans votre HTML gonfle le poids de la page et le nombre de nœuds DOM. Le nettoyage des métadonnées et commentaires accélère directement le First Contentful Paint (FCP).
Les exports bruts contiennent des attributs xmlns:xlink, xml:space et des ID fixes qui provoquent des avertissements JSX ou des conflits CSS. Obtenez un code XML épuré prêt à être intégré dans vos composants.
Traitez des dizaines d’icônes de votre système de design simultanément dans la mémoire locale de votre navigateur, garantissant une confidentialité totale pour vos logos et ressources internes.
Pour obtenir un taux de compression maximal sans altérer l’affichage vectoriel, vérifiez que vos fichiers sources respectent ces critères :
Accepte tout fichier .svg basé sur XML exporté depuis Illustrator, Figma, Affinity Designer, Inkscape ou Sketch. Vous pouvez glisser-déposer plusieurs dizaines de fichiers à la fois.
Le fichier doit contenir des formes vectorielles (<path>, <circle>, <rect>). Si votre SVG encapsule une image matricielle <image xlink:href="data:image/png;base64,...">, l’optimisation XML ne pourra pas réduire le poids du bitmap.
Avant d’exporter depuis votre logiciel de création, vectorisez vos textes (Créer des contours) afin que le rendu typographique ne dépende pas des polices installées chez l’utilisateur.
Assurez-vous que la balise racine <svg> comporte un attribut viewBox="0 0 L H" valide pour conserver une mise à l’échelle parfaitement responsive après le nettoyage.
Vérifiez les 8 cases d’options (Supprimer les commentaires, Supprimer les métadonnées, Supprimer les attributs vides, Minifier les styles, Supprimer les espaces de noms inutilisés, Arrondir les nombres, Supprimer les données d’éditeur, Supprimer les éléments masqués). Toutes sont activées par défaut.
Glissez un ou plusieurs fichiers .svg dans la zone verte, ou cliquez sur le bouton d’exemple pour observer la compression instantanée d’un fichier de 34,8 Ko.
Le moteur local traite chaque fichier en quelques millisecondes et affiche le poids initial, le poids optimisé ainsi que le pourcentage exact économisé.
Cliquez sur le bouton de téléchargement de chaque fichier pour récupérer votre SVG allégé, prêt pour la mise en production.
Une fois débarrassés de leurs scories d’édition, vos fichiers SVG sont prêts pour tous les environnements web et mobiles :
Collez le code <svg> allégé directement dans vos composants JSX ou Vue et pilotez dynamiquement les couleurs de remplissage et de contour via currentColor et Tailwind CSS.
Un code SVG réduit de 70 % génère des chaînes data:image/svg+xml nettement plus courtes dans vos feuilles de style CSS et des sprites <symbol> ultra-rapides.
Transférez vos SVG nettoyés vers notre Convertisseur SVG en PNG ou notre Générateur d’Icônes pour éviter tout bogue de rendu lié aux espaces de noms propriétaires.
Bien que le nettoyage complet convienne à 95 % des icônes et illustrations statiques, certains fichiers interactifs ou minuscules nécessitent d’ajuster les options :
L’option « Supprimer les éléments masqués » efface les nœuds ayant display="none" ou opacity="0" que vos scripts GSAP ou animations CSS devaient faire apparaître au survol.
Décochez « Supprimer les éléments masqués » et « Supprimer les données d’éditeur » avant d’optimiser un SVG destiné à l’animation interactive.
Lorsque toutes les coordonnées d’une icône sont comprises entre 0 et 12, l’arrondi des décimales déplace proportionnellement davantage les points de contrôle de Bézier.
Décochez « Arrondir les nombres » pour les micro-icônes inférieures à 16×16, ou agrandissez le plan de travail en 24×24 ou 512×512 avant l’export.
Si une capture PNG a été collée dans Illustrator puis enregistrée en SVG, 99 % du poids provient du texte Base64 bitmap et non des tracés vectoriels.
Extrayez l’image matricielle et compressez-la avec notre Compresseur PNG, ou vectorisez-la réellement dans votre logiciel de dessin.
Choisissez l’outil adapté selon que vous souhaitez minifier le code XML, inspecter la structure ou convertir en pixels :
| Critère de Comparaison | Optimiseur SVG (Cet Outil) | Visionneuse et Inspecteur SVG | Convertisseur SVG en PNG / Lot |
|---|---|---|---|
| Objectif Principal | Réduire le poids du fichier .svg en supprimant le XML superflu | Prévisualiser sur fond damier/sombre, vérifier la viewBox et formater le XML | Pixelliser des vecteurs .svg en images PNG, JPG ou WebP haute résolution |
| Format de Sortie | Fichier vectoriel .svg minifié (reste redimensionnable à l’infini) | Code XML indenté lisible et diagnostic dimensionnel | Fichiers matriciels .png / .jpg / .webp (ou archive .zip) |
| Impact sur la Taille | Réduit le poids de 40 % à 80 % sans aucun changement visuel | Ne compresse pas ; indente le code sur plusieurs lignes pour le débogage | Dépend des dimensions en pixels choisies (ex. 1024px, 4K) |
| Cas d’Usage Idéal | Optimisation des icônes et illustrations avant mise en ligne web/app | Débogage de viewBox tronquée, de tracés invisibles ou de code minifié | Envoi de logos sur des plateformes refusant le format .svg (Word, réseaux sociaux) |
Non, absolument pas. Le format SVG repose sur des formules géométriques vectorielles. Supprimer les commentaires XML, les métadonnées Adobe/Inkscape et les espaces de noms inutilisés ne modifie aucun pixel affiché. Vos graphiques restent parfaitement nets à n’importe quel niveau de zoom.
Deux causes sont fréquentes : soit le fichier a déjà été minifié par un outil comme SVGO, soit il contient une image PNG/JPG encodée en Base64 dans une balise <image>. Ouvrez le fichier dans notre Visionneuse SVG pour vérifier son code source.
Votre fichier comportait probablement des calques ou groupes dotés d’attributs masqués ou vides utilisés par des styles externes. Décochez simplement « Supprimer les éléments masqués » et « Supprimer les attributs vides », puis relancez l’optimisation.
Jamais. Toute l’analyse XML et la compression s’exécutent à 100 % localement dans votre navigateur via JavaScript. Vos fichiers ne quittent jamais votre appareil.
Oui. Glissez-déposez des dizaines de fichiers .svg d’un seul coup dans la zone de dépôt. Chaque fichier est traité instantanément avec son propre rapport de réduction et son bouton de téléchargement.
Chaque outil répond à un besoin précis. Passez d’un outil à l’autre pour compléter votre flux de travail.
Prévisualisez vos SVG sur fond damier/sombre, vérifiez le viewBox et inspectez le code source XML formaté.
Convertissez vos fichiers SVG en PNG transparents haute définition avec dimensions personnalisées (px) et métadonnées 300 DPI.
Convertissez des dizaines ou centaines de fichiers SVG simultanément en PNG, JPG ou WebP et téléchargez-les en ZIP.
Générez un pack complet favicon.ico et icônes d’application iOS, Android, macOS et Windows à partir d’une image.