Cette visionneuse SVG est-elle gratuite ?

Oui, cet outil est entièrement gratuit pour un usage personnel et commercial.

Stockez-vous mes fichiers SVG ?

Non. Tout le traitement s'effectue côté client dans votre navigateur, aucun fichier n'est téléversé sur un serveur.

Comment modifier un SVG en ligne gratuitement ?

Collez votre code SVG dans l'éditeur ou importez le fichier directement. Chaque modification se reflète immédiatement dans l'aperçu sans installation requise.

Puis-je modifier le code SVG et voir les changements en direct ?

Oui. Les modifications dans l'éditeur de code sont reflétées instantanément dans le panneau d'aperçu, ce qui vous permet d'ajuster les tracés, les couleurs et les dimensions en temps réel.

Comment convertir SVG en PNG en ligne ?

Cet outil n'exporte pas en PNG, et les convertisseurs d'images du site n'acceptent pas le SVG en entrée. Pour rastériser un SVG, utilisez un moteur de rendu en ligne de commande comme rsvg-convert (rsvg-convert -w 512 -o icon.png icon.svg) ou Inkscape (inkscape icon.svg --export-type=png).

Puis-je charger un SVG depuis une URL ?

Pas directement : il n'y a pas de champ URL. Ouvrez le lien dans votre navigateur, enregistrez le fichier .svg (ou copiez le balisage depuis le code source), puis ouvrez-le ici ou collez le code dans l'éditeur.

Visionneuse et éditeur SVG en ligne gratuits

Visualisez et éditez un fichier SVG en ligne : aperçu en direct, zoom, formatage et minification du code, le tout traité localement dans le navigateur.

Ouvrez n'importe quel fichier SVG ou collez du code SVG pour l'afficher instantanément dans un panneau d'aperçu en direct tout en éditant le code côte à côte. Cette visionneuse et éditeur SVG en ligne affiche les graphiques vectoriels dans votre navigateur, vous permet de zoomer et d'inspecter les formes, et formate ou minifie le code source SVG, le tout traité localement sans aucun téléchargement.

Glissez et déposez le fichier SVG ici

ou cliquez pour parcourir

Code

sample.svg • 673

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3b82f6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#grad1)" />
  <path d="M60 100 L90 130 L140 70" fill="none" stroke="white" stroke-width="20" stroke-linecap="round" stroke-linejoin="round" />
  <text x="50%" y="180" text-anchor="middle" fill="white" font-family="Arial, sans-serif" font-size="24" font-weight="bold">SVG Viewer</text>
</svg>

Aperçu

100%

Pourquoi utiliser Visionneuse SVG en ligne ?

Ouvrez des fichiers SVG ou collez leur code, modifiez-les en voyant le rendu et formatez ou minifiez le balisage vectoriel, sans installer de logiciel de dessin ni d'outil de bureau.

À propos de la visionneuse SVG

Le SVG (Scalable Vector Graphics) est un format d'image vectorielle basé sur XML pour les graphiques en deux dimensions, avec prise en charge de l'interactivité et de l'animation. Cet outil affiche le code SVG à côté d'un aperçu rendu : vous modifiez le code, vérifiez le résultat et réduisez la taille du fichier sans quitter le navigateur, ce qui est pratique pour déboguer des icônes ou retoucher des illustrations vectorielles.

Principales fonctionnalités de la visionneuse SVG

Aperçu pendant l'édition

Chaque modification dans l'éditeur de code est rendue aussitôt dans le volet d'aperçu. Zoomez de 10 % à 500 % et faites défiler l'aperçu pour vérifier les tracés, les formes et les styles.

Traitement dans le navigateur

Le SVG est lu, rendu et formaté par JavaScript dans votre navigateur. Les fichiers que vous ouvrez et le code que vous collez ne sont envoyés à aucun serveur.

Formater, minifier, télécharger

« Formater SVG » réindente le balisage avec 4 espaces et « Minifier SVG » supprime les commentaires et les espaces entre les balises. Copiez ensuite le résultat ou téléchargez-le en fichier .svg.

Comment utiliser la visionneuse et l'éditeur SVG

1
Chargez votre SVG
Ouvrez un fichier .svg, glissez-le sur l'éditeur ou collez directement le code SVG dans l'éditeur.
2
Aperçu en temps réel
Le volet de droite affiche votre SVG au fil de la saisie. Zoomez ou dézoomez et faites défiler l'aperçu pour examiner les formes, les tracés et les styles.
3
Formater ou minifier le code
Utilisez « Formater SVG » pour réindenter le balisage avec 4 espaces, ou « Minifier SVG » pour retirer commentaires et espaces et alléger le fichier.
4
Copier ou télécharger
Copiez le code SVG optimisé dans votre presse-papiers ou téléchargez le fichier .svg pour l'utiliser dans votre projet.

Références

W3C — SVG 2
La spécification officielle W3C définissant le format SVG, ses éléments et ses attributs.
MDN — SVG
La référence MDN pour les éléments SVG, les attributs et le rendu des graphiques vectoriels dans le navigateur.

Outils connexes

Image en Base64

Encodez un SVG ou une image matricielle en data URI Base64 pour l'intégration en ligne.

Convertisseur PNG

Convertissez des images JPG, WebP, BMP, GIF ou ICO en PNG.

Visionneuse XML

Inspectez et formatez la structure XML qui sous-tend tout document SVG.

Convertisseur de couleurs

Convertissez les valeurs de couleur HEX, RGB et HSL utilisées dans les remplissages et traits SVG.

Questions fréquentes

Cette visionneuse SVG est-elle gratuite ?: Oui, cet outil est entièrement gratuit pour un usage personnel et commercial.
Stockez-vous mes fichiers SVG ?: Non. Tout le traitement s'effectue côté client dans votre navigateur, aucun fichier n'est téléversé sur un serveur.
Comment modifier un SVG en ligne gratuitement ?: Collez votre code SVG dans l'éditeur ou importez le fichier directement. Chaque modification se reflète immédiatement dans l'aperçu sans installation requise.
Puis-je modifier le code SVG et voir les changements en direct ?: Oui. Les modifications dans l'éditeur de code sont reflétées instantanément dans le panneau d'aperçu, ce qui vous permet d'ajuster les tracés, les couleurs et les dimensions en temps réel.
Comment convertir SVG en PNG en ligne ?: Cet outil n'exporte pas en PNG, et les convertisseurs d'images du site n'acceptent pas le SVG en entrée. Pour rastériser un SVG, utilisez un moteur de rendu en ligne de commande comme rsvg-convert (rsvg-convert -w 512 -o icon.png icon.svg) ou Inkscape (inkscape icon.svg --export-type=png).
Puis-je charger un SVG depuis une URL ?: Pas directement : il n'y a pas de champ URL. Ouvrez le lien dans votre navigateur, enregistrez le fichier .svg (ou copiez le balisage depuis le code source), puis ouvrez-le ici ou collez le code dans l'éditeur.