Mise en forme du code / MULTIVERTO

Formater SVG

Indentez une arborescence SVG simple.

Conversion instantanéeVotre saisie reste dans ce navigateur. Aucun texte n’est envoyé pour la conversion.
Le fichier reste dans votre navigateur.
Enchaîner les outils

Appliquez chaque outil de texte au résultat précédent.

01 / Guide

Comment ça marche

L’indentation et les retours à la ligne révèlent la structure en conservant les éléments acceptés.

Bon à savoir

Pour une syntaxe complexe ou des ressources de production, vérifiez la sortie dans l’application cible avec un analyseur ou outil spécialisé.

02 / Exemple

Exemple

Votre saisie<svg xmlns="http://www.w3.org/2000/svg"><circle cx="25" cy="25" r="20"/></svg>
Résultat<svg xmlns="http://www.w3.org/2000/svg"> <circle cx="25" cy="25" r="20"/> </svg>

03 / Guide

Formater SVG — Comment ça marche

Ce que change cet outil

Indentez une arborescence SVG simple. L’indentation et les retours à la ligne révèlent la structure en conservant les éléments acceptés. L’indentation révèle les groupes d’un SVG et facilite sa modification manuelle. Géométrie, coordonnées, remplissages et transformations restent inchangés. La sortie ne simplifie aucun chemin et ne réduit pas agressivement l’image vectorielle.

Comprendre le format

SVG est un vocabulaire XML pour le dessin vectoriel. Ses éléments décrivent géométrie, texte, couleur, transformations et définitions réutilisables; les attributs déterminent le dessin réel. Un SVG mis en forme révèle groupes et formes imbriqués; une version compacte réduit l’espace entre nœuds composés seulement d’éléments. Aucune opération ne modifie les coordonnées des chemins, ne simplifie les formes ni ne supprime les définitions inutilisées. Un véritable optimiseur visuel prendrait davantage de décisions fondées sur le rendu. L’éditeur demande une racine svg simple et bien formée et refuse déclarations, commentaires et CDATA. Après transformation, affichez le fichier à plusieurs tailles et contrôlez textes, viewBox et références.

Une méthode fiable

La mise en forme sert surtout lors de la relecture ou du diagnostic, car l’indentation peut révéler un niveau manquant ou un élément frère inattendu. Collez un fragment complet et représentatif, puis lancez l’opération une fois. Lisez la sortie de la structure extérieure vers l’intérieur et repérez les débuts et fins de chaque élément, bloc ou clause. Cette page ne se présente pas comme un compilateur de toutes les extensions du langage; certaines constructions avancées sont refusées. Après avoir copié la sortie, utilisez le validateur ou les tests habituels du projet destinataire. Avant d’enregistrer le texte reformatté, examinez la différence pour repérer toute modification involontaire d’un littéral ou d’une valeur.

Vérifier le résultat

Conservez la source près de la sortie et essayez d’abord un petit exemple connu avant de traiter un grand document. Comparez le contenu utile, pas seulement la taille du fichier ou le nombre de lignes. Vérifiez noms, chaînes entre guillemets, caractères non ASCII, fins de ligne et champs répétés après transformation. Une sortie lisible ne valide aucun schéma, ne prouve pas que le code s’exécute et ne garantit pas que les données sont publiables. Ce site traite le texte dans le navigateur et montre la sortie comme du texte, mais l’application où vous la collerez appliquera ses propres règles. Si la saisie est refusée, repérez la construction non prise en charge et recourez au besoin à un analyseur spécialisé.

Les étapes de la conversion
SVG — Entrée
Lire et transformer la structure
SVG — Résultat