Outils SVG

Formatage SVG

Organisez les sauts de ligne et l’indentation de votre SVG pour mieux lire et vérifier la hiérarchie des balises.

Votre SVG est traité uniquement dans votre navigateur, sans envoi à un serveur.

À propos de cet outil

L’outil de formatage facilite la lecture des SVG sur une seule ligne ou mal indentés. Il vérifie d’abord le XML, puis réorganise les balises lorsque l’ajout de sauts de ligne est possible, en préservant les tracés, les textes et les espaces de noms.

Mode d’emploi

  1. Choisissez un fichier SVG ou collez le code source à mettre en forme.
  2. Choisissez une indentation de 2 ou 4 espaces par niveau.
  3. Cliquez sur Mettre en forme. Si le contenu est invalide, vérifiez les balises et attributs indiqués.
  4. Vérifiez le résultat, puis copiez-le ou téléchargez formatted.svg.

Fonctionnalités

  • Choisissez 2 ou 4 espaces d’indentation, chargez un exemple, effacez, copiez ou téléchargez le résultat.
  • La mise en forme préserve les formes, les dégradés, les définitions et le texte, sans convertir le SVG en image matricielle.
  • Aucun résultat n’est produit si le XML est invalide : corrigez d’abord le contenu indiqué.

Règles de mise en forme

  • Les espaces du texte et du contenu mixte peuvent modifier le rendu. Ces zones sont donc préservées et chaque balise n’apparaît pas forcément sur une nouvelle ligne.
  • Le sens des commentaires, sections CDATA, espaces de noms et données de tracé est préservé. Les guillemets des attributs et la notation des éléments vides peuvent être uniformisés.
  • La mise en forme ne supprime pas les contenus potentiellement dangereux. Le fichier téléchargé peut conserver des scripts ou liens externes ; l’aperçu utilise toujours une copie sécurisée distincte. Ne considérez pas un fichier d’origine inconnue comme fiable.

Sécurité des fichiers SVG

L’aperçu utilise une copie statique sécurisée. Il n’exécute aucun script, clic interactif ou animation et ne charge aucune image, police ni feuille de style externe. Les références externes, pages intégrées et contenus non pris en charge sont retirés : l’aperçu peut donc différer de l’original. Les documents contenant un DOCTYPE ou des entités personnalisées ne sont pas acceptés.

Le fichier SVG ou son code UTF-8 est limité à 2 Mio, 20 000 nœuds (éléments et texte compris) et 96 niveaux d’imbrication. Simplifiez d’abord les fichiers trop volumineux ou trop complexes.

Confidentialité

Votre SVG est traité uniquement dans votre navigateur, sans envoi à un serveur.

L’outil n’enregistre pas automatiquement vos données ni vos résultats. Téléchargez ce que vous souhaitez garder avant d’effacer le contenu ou de quitter la page, et conservez l’original.

Questions fréquentes

La mise en forme modifie-t-elle l’image ?

Elle améliore la lisibilité sans modifier volontairement les tracés ni les dégradés. Les espaces qui influencent le texte sont préservés. Le filtrage de sécurité peut toutefois rendre l’aperçu différent de l’original.

Quel est le lien entre SVG et XML ?

Le SVG utilise la syntaxe XML : les balises doivent être correctement fermées, les valeurs d’attributs correctement délimitées et l’élément racine doit être SVG.

La mise en forme réduit-elle la taille du fichier ?

Généralement non. Les espaces et sauts de ligne ajoutés peuvent légèrement augmenter sa taille. Pour la réduire, utilisez l’outil de compression SVG.

Quelle différence entre formatage et compression ?

Le formatage rend le contenu plus lisible ; la compression réduit sa taille. Un fichier mis en forme conserve son contenu original et peut donc encore présenter des risques.

Retour au répertoire des outils pour développeurs