Qu'est-ce qu'une visionneuse SVG ?
Une visionneuse SVG affiche les graphiques vectoriels évolutifs directement dans votre navigateur, ce qui vous permet d'apercevoir, d'inspecter et de valider le code SVG sans installer de logiciel. Elle est indispensable pour les concepteurs et développeurs qui travaillent quotidiennement avec des icônes, des illustrations et des ressources vectorielles.
Comment utiliser cette visionneuse SVG
- Collez votre code SVG dans le champ de saisie.
- Cliquez sur « Rendre » pour afficher le SVG et afficher ses métadonnées (dimensions, viewBox, nombre d'éléments et taille du fichier).
- Un aperçu visuel du SVG apparaît sous la sortie, ce qui vous permet de vérifier qu'il s'affiche correctement avant de l'intégrer dans votre projet.
Concepts clés
SVG (Scalable Vector Graphics) est un format basé sur XML pour décrire les images vectorielles bidimensionnelles. Contrairement aux formats raster comme PNG ou JPEG, les SVG restent parfaitement nets à n'importe quelle résolution car ils sont définis par des chemins mathématiques plutôt que par des pixels. L'attribut viewBox contrôle le système de coordonnées interne, tandis que la largeur et la hauteur définissent la taille rendue. Des valeurs viewBox correctement configurées garantissent que votre SVG s'adapte proportionnellement à tous les écrans.
Questions fréquemment posées
Puis-je modifier le code SVG dans la visionneuse ?
Oui. Le panneau d'édition vous permet de modifier directement le balisage SVG. Les modifications sont reflétées dans l'aperçu instantanément, vous donnant une expérience d'édition en direct.
Qu'est-ce que l'attribut viewBox et pourquoi est-il important ?
ViewBox définit l'espace de coordonnées interne du SVG (min-x, min-y, largeur, hauteur). Il permet au graphique de s'adapter de manière réactive. Sans un viewBox correct, le SVG peut apparaître coupé ou déformé à différentes tailles.
Existe-t-il une limite de taille de fichier ?
La visionneuse traite efficacement les fichiers SVG typiques. Les fichiers très volumineux (plusieurs mégaoctets) contenant des milliers d'éléments de chemin peuvent s'afficher plus lentement, mais la plupart des SVG de production fonctionnent bien.