Visionneuse SVG
Affichez vos fichiers SVG en ligne : déposez un fichier ou collez le code pour le prévisualiser, zoomer et le modifier instantanément. Tout se passe dans votre navigateur.
- Aucun envoi
- Fonctionne hors ligne
- Gratuit, sans inscription
- Vos fichiers restent dans votre navigateur
Déposez vos fichiers SVG ici
ou collez du code SVG dans l’éditeur. Vous pouvez ouvrir plusieurs fichiers à la fois.
Votre SVG reste sur cet appareil. Rien n’est envoyé.
Mode d’emploi : Visionneuse SVG
- 1
Ouvrez votre SVG
Glissez-déposez un ou plusieurs fichiers .svg, collez du code SVG ou choisissez des fichiers sur votre appareil.
- 2
Prévisualisez et modifiez
L’aperçu se met à jour pendant la saisie. Zoomez, déplacez-vous, changez l’arrière-plan ou activez le mode contour pour voir chaque tracé.
- 3
Exportez
Optimisez avec SVGO, puis téléchargez en SVG, PNG, JPG, WebP ou ICO, ou copiez du code React, Vue ou data URI.
Qu’est-ce qu’une visionneuse SVG ?
Une visionneuse SVG ouvre les fichiers Scalable Vector Graphics (.svg) et les dessine à l’écran. Comme le SVG est un format texte, une bonne visionneuse affiche aussi le code derrière l’image, pour comprendre exactement pourquoi une forme, une couleur ou un dégradé s’affiche ainsi.
viewsvg est une visionneuse SVG en ligne et un éditeur gratuits. Votre fichier s’affiche dès que vous le déposez : zoomez de 2 % à 6400 %, déplacez-vous et vérifiez l’image sur fond transparent, blanc, noir ou personnalisé. L’éditeur de code se trouve à côté de l’aperçu et le met à jour pendant la saisie : afficher et corriger un SVG se fait au même endroit.
Comment ouvrir un fichier SVG sur n’importe quel appareil
Le moyen le plus rapide d’afficher un SVG sur n’importe quel appareil est de l’ouvrir ici : cliquez sur Ouvrir ou faites glisser le fichier sur cette page. Cela fonctionne dans Chrome, Edge, Safari et Firefox, sur ordinateur comme sur mobile, sans rien installer. Votre système peut aussi afficher les SVG, avec quelques limites :
Windows
Par défaut, Windows n’affiche pas d’aperçu des SVG dans l’Explorateur de fichiers ni dans l’application Photos. Faites un clic droit sur le fichier, choisissez Ouvrir avec puis Microsoft Edge ou Chrome, ou installez Microsoft PowerToys pour obtenir les miniatures et le volet de visualisation SVG. Pour voir le code ou modifier l’image, ouvrez-le plutôt dans viewsvg.
Mac
Sélectionnez le fichier dans le Finder et appuyez sur la barre d’espace pour l’afficher avec Coup d’œil, ou ouvrez-le dans Safari. Aucun des deux n’affiche le code, la viewBox ni la taille du fichier. Déposez le fichier ici pour les consulter.
iPhone et iPad
L’application Fichiers peut prévisualiser de nombreux SVG. Pour zoomer, vérifier la transparence ou exporter en PNG, ouvrez viewsvg dans Safari, touchez Ouvrir et choisissez le fichier dans Fichiers ou iCloud Drive.
Android
La plupart des galeries Android ne prennent pas en charge le SVG. Ouvrez cette page dans Chrome, touchez Ouvrir et choisissez le fichier dans votre stockage ou Google Drive.
Linux
La visionneuse d’images de GNOME, Gwenview et la plupart des gestionnaires de fichiers affichent les SVG. Utilisez viewsvg si vous avez aussi besoin du code, de l’optimisation ou de l’export PNG.
Qu’est-ce qu’un fichier SVG ?
Le SVG (Scalable Vector Graphics, graphiques vectoriels adaptables) est un format d’image basé sur XML, normalisé par le W3C. Au lieu de pixels, un fichier SVG décrit des formes : tracés, cercles, rectangles, texte et dégradés, avec des coordonnées dans une viewBox. C’est pourquoi un SVG reste net à toutes les tailles, d’un favicon de 16 px à un panneau publicitaire, et pourquoi une icône simple pèse souvent moins que son équivalent PNG.
Tous les navigateurs prennent en charge le SVG : c’est le format de référence pour les logos, icônes, illustrations, graphiques et éléments d’interface sur le web. Comme le fichier est du texte brut, vous pouvez l’ouvrir dans n’importe quel éditeur de code, mais vous ne voyez son rendu qu’une fois affiché. Une visionneuse SVG vous donne les deux.
Pourquoi viewsvg plutôt qu’un onglet de navigateur ou un logiciel de dessin ?
Ouvrir un SVG dans un onglet de navigateur affiche l’image, rien de plus. Un logiciel comme Illustrator, Figma ou Inkscape peut le modifier, mais met du temps à s’ouvrir et réécrit souvent le code. viewsvg se situe entre les deux :
| Fonction | Onglet de navigateur | Logiciel de dessin | viewsvg |
|---|---|---|---|
| S’ouvre instantanément, sans installation | Oui | Non | Oui |
| Zoom, déplacement et ajustement | Limité | Oui | Oui, jusqu’à 6400 % |
| Voir et modifier le code en direct | Non | Non | Oui |
| Fonds transparent, sombre et personnalisé | Non | Oui | Oui |
| Mode contour et grille de pixels | Non | Oui | Oui |
| Optimisation avec SVGO | Non | Non | Oui |
| Export PNG, JPG, WebP, ICO et JSX | Non | En partie | Oui |
| Les fichiers restent sur votre appareil | Oui | Oui | Oui |
C’est aussi sûr pour les fichiers douteux : les scripts, les gestionnaires d’événements et les liens javascript: sont supprimés avant tout affichage.
Tout ce qu’il faut pour travailler avec le SVG
Visionneuse SVG fait partie d’un même espace de travail pour afficher, modifier, optimiser et convertir des fichiers SVG, sans inscription, sans publicité et sans envoi de fichiers.
Aperçu instantané
Zoom jusqu’à 6400 %, déplacement, ajustement à l’écran et vérification sur fond transparent, blanc, noir ou de la couleur de votre choix.
Éditeur de code en direct
Coloration syntaxique, repères d’erreur par ligne, formatage et minification, recherche et historique d’annulation complet.
Contour et grille de pixels
Voyez chaque tracé en mode contour et vérifiez l’alignement des pixels avec la grille en zoomant.
Inspecter
Taille du fichier et avec gzip, viewBox, arbre des éléments avec mise en évidence et remplacement des couleurs en un clic.
Optimiser avec SVGO
Allégez vos fichiers avec aperçus avant/après et précision réglable. Optimisez tous les fichiers ouverts d’un coup.
PNG, JPG, WebP et ICO
Exportez à n’importe quelle taille jusqu’à 16384 px, avec transparence, ou copiez le PNG directement dans le presse-papiers.
React, Vue et Svelte
Composants JSX/TSX, React Native, Vue et Svelte propres, avec prise en charge de currentColor et des props.
Plusieurs fichiers à la fois
Ouvrez de nombreux SVG en onglets, puis optimisez-les en lot ou téléchargez-les dans un ZIP de SVG ou de PNG.
Privé et hors ligne
Aucun envoi, aucun compte. Votre travail est enregistré dans le navigateur et l’appli fonctionne hors ligne après la première visite.
Questions fréquentes
Comment afficher un fichier SVG en ligne ?
Faites glisser le fichier .svg sur cette page, ou cliquez sur « Ouvrir » et choisissez-le. Le SVG s’affiche aussitôt dans l’aperçu et son code apparaît dans l’éditeur pour que vous puissiez le modifier en direct.
Quel logiciel ouvre les fichiers SVG ?
Tout navigateur récent (Chrome, Edge, Safari, Firefox) ouvre les fichiers SVG, tout comme les logiciels de dessin comme Illustrator, Inkscape et Figma. Une visionneuse SVG en ligne comme viewsvg fonctionne sur tous les appareils sans installation et affiche aussi le code, la taille et la viewBox.
Comment voir le code d’un fichier SVG ?
Ouvrez le fichier ici : son code source apparaît dans l’éditeur à côté de l’aperçu, avec coloration syntaxique et numéros de ligne. Utilisez Formater pour indenter un code minifié et le lire facilement.
Puis-je modifier le code SVG et voir les changements en direct ?
Oui. L’éditeur propose la coloration syntaxique, les repères d’erreur et l’annulation. Chaque modification redessine l’aperçu. Vous pouvez aussi pivoter, retourner, redimensionner et changer les couleurs sans toucher au code.
Pourquoi mon SVG affiche-t-il une erreur ?
Le SVG est du XML : il doit être bien formé, avec des balises fermées, des attributs entre guillemets et un élément racine <svg> doté de xmlns="http://www.w3.org/2000/svg". viewsvg signale la ligne exacte du problème et garde à l’écran le dernier aperçu valide pendant que vous corrigez.
Puis-je ouvrir plusieurs fichiers SVG à la fois ?
Oui. Déposez plusieurs fichiers : chacun s’ouvre dans un onglet. Vous pouvez passer de l’un à l’autre, tous les optimiser d’un coup ou les télécharger dans un ZIP de SVG ou de PNG.
Puis-je afficher des fichiers SVG sur mon téléphone ?
Oui. viewsvg fonctionne dans Safari et Chrome sur mobile. Touchez Ouvrir pour choisir un SVG dans vos fichiers, pincez pour zoomer et faites glisser pour vous déplacer.
La visionneuse affiche-t-elle les SVG animés ?
Oui. Les animations SMIL (<animate>, <animateTransform>) et les animations CSS contenues dans le SVG sont lues dans l’aperçu. Seuls les scripts sont supprimés.
Est-il sûr d’ouvrir des fichiers SVG d’origine inconnue ?
viewsvg supprime les scripts, les gestionnaires d’événements et les liens javascript: avant l’affichage, et affiche le SVG dans un shadow DOM isolé pour que ses styles n’affectent pas la page.
Mes fichiers SVG sont-ils envoyés quelque part ?
Non. viewsvg fonctionne entièrement dans votre navigateur. Les fichiers sont lus, affichés, optimisés et convertis sur votre appareil, et rien n’est envoyé à un serveur. Après la première visite, il fonctionne même hors ligne.
viewsvg est-il gratuit ?
Oui. Toutes les fonctions sont gratuites, sans inscription, sans filigrane et sans limite de fichiers.