Outils SVG

Visionneuse SVG

Explorez le code source, l’arborescence et les informations d’un SVG pour comprendre sa composition.

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

À propos de cet outil

La visionneuse SVG présente les informations du fichier : largeur, hauteur, coordonnées internes, nombre de tracés et de groupes, ainsi que la structure des éléments. Vérifiez ainsi le contenu d’une icône, d’une illustration ou d’un fichier téléchargé avant de l’utiliser.

Mode d’emploi

  1. Choisissez un fichier SVG ou collez son code source complet.
  2. Cliquez sur Afficher, puis consultez les dimensions, le viewBox, la taille du fichier et le nombre d’éléments.
  3. Développez l’arborescence pour explorer les éléments ou recherchez du texte dans le code source.
  4. Consultez les indications de sécurité et vérifiez l’apparence dans l’aperçu statique.

Fonctionnalités

  • Les informations comprennent les dimensions, le viewBox et le nombre d’éléments, de tracés, de groupes, de dégradés et de symboles.
  • Le code source s’affiche comme du texte et l’arborescence se développe ou se réduit. La consultation ne modifie pas le fichier.
  • Le contenu original et l’aperçu sécurisé s’affichent séparément. Un message signale les éléments retirés.

Code source et aperçu

  • La zone de code conserve le texte d’origine, y compris les commentaires et les contenus éventuellement retirés de l’aperçu. Leur affichage ne les exécute pas.
  • L’aperçu affiche uniquement les éléments graphiques statiques pris en charge. Pour changer de fond ou zoomer, utilisez l’outil Aperçu SVG.

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

Qu’est-ce qu’un fichier SVG ?

Un SVG décrit des images en XML : tracés, formes, textes et dégradés. Les éléments vectoriels peuvent généralement être agrandis sans devenir pixellisés.

Pourquoi un SVG peut-il contenir du code ?

Le SVG décrit les images avec du texte et des balises. Il peut aussi contenir des scripts, des événements ou des liens externes. Afficher ce texte ne revient pas à l’exécuter.

La visionneuse exécute-t-elle les scripts ?

Non. Le code source et l’arborescence s’affichent comme du texte. L’aperçu utilise une copie statique dont les scripts et interactions ont été retirés.

Les ressources externes du SVG sont-elles chargées ?

Non. Les images, polices et styles externes ne sont pas chargés. Les parties qui en dépendent peuvent manquer ; un message indique les contenus filtrés.

Retour au répertoire des outils pour développeurs