SVG Viewer en ligne — 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 fourni par le design avant de l’intégrer au code. 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 fichier plus léger ? Utilisez optimize SVG ou le hub SVG.
FAQ du 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.
Outils SVG
Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.
Découvrez les autres catégories d'outils
- Minifier
Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.
- Déminifier
Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.
- Conversion
Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.
- Encodage
Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.
- Sérialisation
Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.
- Outils JSON
Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.
- Beautifier
Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.
- Préprocesseurs CSS
Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.
- Outils couleur & CSS
Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.
- DevOps & Infra
Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.
- CI/CD
GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.
- Logs & observabilité
JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.
- Kubernetes
Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.
- Réseau / IP
CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.
- Sécurité & tokens
JWKS, certificats X.509 et scan de secrets — locaux navigateur.
- API & schémas
Outils OpenAPI pour formater, valider et analyser vos specs.
- Outils HTTP
cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.
- Outils SEO / Web
Générez meta tags, Open Graph et Twitter Card localement — aperçus simulés depuis vos saisies, jamais fetch de votre site live.
- Utilitaires développeur
Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.
- Texte & Markdown
Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.
- IA & LLM
Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.
- Données de test
Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.
- Étiquettes code-barres
Dessinez des étiquettes Code 128, EAN-13 et UPC-A dans le navigateur — téléchargement PNG et SVG, pas un lookup GS1.