SVG Viewer — Aperçu, zoom et inspecteur viewBox
Prévisualisez votre SVG sur fond clair, sombre ou quadrillé, puis inspectez width, height et viewBox sans quitter le navigateur.
Notes développeur
• Très pratique comme contrôle visuel avant optimize, resize ou JSX. • Le mode quadrillé aide à repérer les marges transparentes inutiles. • Width, height et viewBox sont lus directement sur le <svg> racine. • La V1 reste centrée sur l’aperçu et l’inspection, pas sur un workflow avancé d’export.
Quand utiliser cet outil
• Prévisualiser un SVG design handoff avant intégration. • Vérifier qu’une icône reste lisible sur fond sombre. • Contrôler width/height/viewBox avant une correction responsive. • Repérer des marges transparentes autour d’un logo ou d’un badge.
Exemples
Aperçu du logo FastMinify sur fonds clair et sombre
Entrée
Sortie
Contrôle rapide d’un viewBox manquant
Entrée
Sortie
Outils SVG associés
Besoin de corriger le scaling ? Ouvrez redimensionner SVG. Besoin d’un asset plus léger ? Utilisez optimize SVG ou le hub SVG.
FAQ SVG viewer
Aperçu et inspection locale
Modifie-t-il le SVG ?
Non — le viewer sert à prévisualiser et inspecter. Utilisez resize-svg ou optimize-svg pour modifier le markup.
Pourquoi changer le fond ?
Pour repérer un contraste trop faible, des marges transparentes ou des icônes correctes seulement sur un thème.
Le SVG est-il envoyé ?
Jamais. Le rendu et l’inspection se font localement dans le navigateur.
Autres outils SVG
Convertisseurs, encodeurs, formateurs et minificateurs au même endroit ? Outils développeurs Ouvrez le catalogue des outils développeurs.