Visionneuse SVG
Collez du code SVG brut et previsualisez immediatement le rendu.
L'apercu desactive les scripts et les references externes, tout en vous laissant verifier le viewBox et les details de taille.
Apercu SVG : collez le code brut et verifiez le resultat instantanement
Verification du viewBox et des tailles : controlez la transparence et le contenu potentiellement dangereux
Comment l'utiliser
- Collez du code SVG ou chargez un fichier `.svg`.
- Changez l'arriere-plan et le niveau de zoom pour inspecter le rendu.
- Verifiez le viewBox, les details de taille et les avertissements, puis enregistrez le SVG si necessaire.
Exemple
SVG d'icone simple
Entree
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Sortie
Une icone circulaire bleue est affichee, et le viewBox apparait comme `0 0 120 120` dans le panneau d'information.
FAQ
Mon SVG est-il televerse quelque part ?
Non. Le SVG colle et les fichiers charges restent dans votre navigateur et ne sont pas envoyes a un serveur.
Que se passe-t-il avec les SVG qui contiennent script ou foreignObject ?
L'apercu securise supprime ces elements avant le rendu et affiche un avertissement dans le panneau d'information.
Les SVG avec images ou polices externes seront-ils rendus exactement pareil ?
Pas toujours. Les references externes sont desactivees, donc l'apparence peut differer de l'environnement d'origine. Cet outil privilegie l'inspection locale securisee.
Pourquoi mon SVG ne s'affiche-t-il pas ?
Les causes courantes sont un XML invalide, de mauvaises valeurs d'attribut ou un element racine qui n'est pas `svg`. Verifiez le message d'erreur affiche par l'outil.
Pourquoi changer l'arriere-plan ?
Les zones transparentes et les icones claires peuvent paraitre tres differentes selon le fond, donc l'outil permet de tester rapidement des fonds damier, blanc et sombre.
Notes
- Pour la securite, les references vers des URL externes et les elements dangereux sont desactives avant le rendu.
- Les SVG qui dependent de polices ou d'images externes peuvent ne pas ressembler au rendu dans l'environnement d'origine.
- Les tres gros fichiers SVG quittent automatiquement le mode d'apercu en direct et demandent un rendu manuel.