Développeur / Inspection SVG

Visionneuse SVG : analyser, redimensionner et copier un SVG

Affichez le code SVG localement avec des contrôles de zoom et d’arrière-plan. Analysez les dimensions et les couleurs, modifiez la largeur et la hauteur, corrigez la viewBox, puis téléchargez ou copiez une data URI.

Visionneuse SVG : analyser, redimensionner et copier un SVG: Lit les dimensions du SVG, sa viewBox, le nombre d’éléments, sa taille en octets et l’utilisation explicite des couleurs. Après nettoyage, ne modifie que les attributs de dimensionnement racine demandés. Si la viewBox est absente, elle peut être créée à partir des dimensions sources ; le mode responsive conserve la viewBox et supprime les attributs width et height. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.

Catégorie
Outils développeur
Exécutions
Dans votre navigateur
Coût
Gratuit · sans inscription
Disponibilité
Prêt à l'emploi
Visionneuse et redimensionneur SVGTraitement local

Fonctionne entièrement dans votre navigateur

Choisissez ou déposez un SVG

Fenêtre d’affichage SVG et viewBox

La viewBox se compose de quatre nombres : x minimal, y minimal, largeur et hauteur. Sa largeur et sa hauteur doivent être positives. Spécification : https://www.w3.org/TR/SVG2/coords.html

Dimensions et aperçus locaux

Les longueurs absolues sont converties sur la base de 96 pixels CSS par pouce. Le zoom et l’arrière-plan de l’aperçu ne modifient pas le balisage exporté. Règles de traitement des images SVG : https://www.w3.org/TR/SVG2/conform.html

Comment l'utiliser

  1. Déposez un SVG ou collez son code pour afficher un aperçu nettoyé.
  2. Définissez les dimensions avec un verrouillage facultatif des proportions, ajustez la viewBox ou supprimez les dimensions pour un affichage responsive.
  3. Téléchargez le SVG, copiez son code ou copiez une data URI encodée.

Confidentialité et limitations

Le SVG est traité localement et rendu comme une image isolée. Les scripts, les gestionnaires d’événements et les ressources externes sont supprimés.

Outils associés

SVG en PNGNettoyeur SVGÉditeur SVG

Questions fréquentes

Modifier la viewBox change-t-il le dessin ?

Cela modifie la zone de coordonnées visible. Utilisez la viewBox existante si vous souhaitez uniquement changer la taille d’affichage ; une viewBox différente peut recadrer ou décaler le dessin visible.

Que se passe-t-il lorsque les dimensions sont absentes ?

La visionneuse utilise les dimensions de la viewBox, puis une valeur de secours de 300 × 150 pixels. Les longueurs physiques absolues utilisent 96 pixels par pouce ; les longueurs relatives nécessitent une page conteneur pour être calculées précisément.

Pourquoi le mode responsive supprime-t-il la largeur et la hauteur ?

Une viewBox préserve le système de coordonnées, tandis que la mise en page environnante contrôle la taille affichée.

Puis-je copier une data URI ?

Oui. La data URI contient le SVG nettoyé, avec un encodage URI.

Outil gratuit · dans votre navigateur exécutions · aucun compte requis