Optimiseur et éditeur SVG
Optimisez, compressez et éditez des graphiques vectoriels SVG en ligne. Supprimez les métadonnées inutiles de l'éditeur, arrondissez les coordonnées décimales et remodelez visuellement les nœuds d'ancrage des tracés à l'écran, en toute confidentialité locale.
Pourquoi utiliser notre optimiseur et éditeur SVG ?
- Optimisation entièrement locale : Vos fichiers vectoriels sont traités entièrement dans la mémoire du navigateur. Aucune donnée n'est envoyée à des serveurs distants, ce qui vous garantit une confidentialité absolue lorsque vous optimisez des icônes sensibles, des maquettes d'interface et des illustrations d'entreprise.
- Édition interactive des ancrages : Ajustez vos créations vectorielles visuellement. Passez en mode éditeur pour voir les nœuds vectoriels à l'écran et glissez les poignées circulaires pour remodeler courbes et tracés instantanément, en temps réel.
- Contrôle de la précision décimale : Personnalisez l'arrondi des coordonnées de 0 à 4 décimales. Écarter les détails de micro-précision inutiles compresse la description textuelle du tracé et réduit nettement la taille du fichier.
- Suppresseur intelligent de métadonnées : Éliminez sans effort les surcharges de l'éditeur. Le moteur supprime récursivement les commentaires XML, les espaces de noms (comme les métadonnées Sketch, Inkscape et Adobe Illustrator), les groupes inutiles et les nœuds conteneurs vides.
Comprendre la structure SVG et le code XML vectoriel
Les graphiques vectoriels scalables (SVG) sont un format d'image vectorielle basé sur XML pour les graphiques en deux dimensions. Contrairement aux images matricielles (comme les JPEG ou PNG) qui stockent des valeurs de couleur pour des grilles de pixels, les SVG contiennent des coordonnées, des lignes, des courbes et des formes écrites en code structuré. Cette configuration textuelle permet aux SVG de s'agrandir à l'infini sans perdre en qualité. Comme ce sont des fichiers de code, leur poids en octets dépend de la longueur des chaînes de coordonnées et des balises XML dans la hiérarchie du DOM.
D'où vient la surcharge XML des SVG ?
Lorsque vous exportez une illustration vectorielle depuis des suites de design professionnelles comme Adobe Illustrator, Inkscape ou Figma, le logiciel insère de nombreuses balises d'assistance et de métadonnées. Ces en-têtes comprennent les configurations de l'éditeur, les coordonnées de la zone d'affichage, les repères de connexion, des espaces de noms personnalisés et des attributs d'espace de travail. Utiles pour l'édition dans ce logiciel précis, ces données sont totalement ignorées par les navigateurs. Supprimer ces espaces de noms et commentaires réduit le fichier aux seules déclarations géométriques pures.
Comment la précision décimale compresse les vecteurs
L'attribut de données de tracé (d) contient des commandes et des nombres qui indiquent au navigateur où tracer les coordonnées. Souvent, les éditeurs produisent des coordonnées d'une précision décimale extrême, comme 14.2839281. Ces fractions microscopiques représentent des parties de sous-pixel que l'œil humain ne distingue pas. Arrondir les coordonnées à 1 ou 2 décimales (par exemple 14.28) élimine ce bruit visuel, réduit nettement la longueur de la chaîne de texte et diminue la taille du SVG de 30 % à 60 %.
Foire aux questions
L'optimiseur et éditeur SVG est un outil en ligne gratuit qui permet de compresser des images vectorielles SVG et d'éditer leurs nœuds de tracé. Il fonctionne entièrement dans votre navigateur : vous pouvez supprimer les surcharges de l'éditeur, arrondir les coordonnées, glisser les nœuds d'ancrage et télécharger les fichiers optimisés instantanément.
L'outil analyse l'arbre XML du SVG et supprime les espaces de noms de l'éditeur, les balises de métadonnées, les commentaires et les éléments vides. Il extrait ensuite toutes les coordonnées des données de tracé et les arrondit à la précision décimale choisie, réduisant fortement la taille du fichier sans perdre en fidélité de conception.
Non. Pour garantir une confidentialité totale, l'optimiseur et éditeur SVG s'exécute entièrement côté client. Toute l'analyse XML, l'édition de tracés, le rendu visuel et la création de fichiers se font dans la mémoire de votre navigateur. Vos fichiers ne sont jamais envoyés à un serveur externe.
Les nœuds d'ancrage sont les coordonnées où commencent et se terminent les commandes de tracé SVG (comme ligne vers ou courbe vers). En passant dans l'espace de travail de l'éditeur, vous pouvez sélectionner un tracé pour afficher ces nœuds et glisser leurs poignées circulaires pour modifier la forme vectorielle.
Des nombres de coordonnées comme 125.438291 contiennent un détail excessif. Les arrondir à 1 ou 2 décimales (par exemple 125.44) élimine des valeurs microscopiques inférieures au pixel, compresse la représentation textuelle des coordonnées et réduit la taille du SVG jusqu'à 50 %.
Oui. Bien qu'il soit optimisé pour peaufiner des fichiers existants, l'éditeur interactif vous permet de remodeler les tracés, de modifier les nœuds d'ancrage et de vérifier les changements visuels en temps réel. Il est parfait pour ajuster des courbes vectorielles, des icônes et des illustrations.
Oui. Cet utilitaire est 100 % gratuit, sans inscription, sans limite d'usage et sans filigrane. Vous pouvez nettoyer, éditer et compresser un nombre illimité de fichiers vectoriels. Tout fonctionne instantanément et hors ligne dans votre navigateur moderne.