SVG → </>
Lecteur SVG en ligne et éditeur de code
Ouvrez un fichier SVG ou collez son code pour l'afficher, vérifier ses dimensions et le modifier avec un aperçu en direct. Tout reste dans votre navigateur.
Fonctionne dans le navigateur · vos fichiers restent chez vous
Comment lire un fichier SVG avec le lecteur
- Ouvrez un fichier ou collez du code. Utilisez Ouvrir un fichier, déposez un SVG sur l'aperçu ou collez le code dans l'éditeur.
- Vérifiez l'aperçu. Passez d'un fond transparent à un fond clair ou sombre pour repérer les bords et les formes blanches.
- Modifiez le code. L'aperçu se met à jour pendant la saisie. Formater le code remet l'indentation en ordre.
- Copiez ou téléchargez. Enregistrez le SVG modifié ou copiez le code.
SVG viewer : afficher un SVG sur n'importe quel fond
Beaucoup d'icônes SVG sont blanches ou utilisent des zones transparentes, et elles disparaissent sur une page blanche. Le sélecteur de fond affiche l'image sur un damier, sur du blanc et sur une surface sombre : c'est ainsi qu'on repère un logo blanc, un remplissage manquant ou un bord qui déborde.
Sous l'aperçu s'affichent les attributs width et height déclarés, le viewBox, le nombre d'éléments et le poids du fichier. Ces valeurs expliquent la plupart des problèmes de taille : un SVG sans width ni height prend la taille de son conteneur, et un viewBox erroné recadre ou rétrécit le dessin.
Lecteur SVG en ligne avec éditeur de code
L'éditeur colore la syntaxe XML, replie les longs groupes et affiche les numéros de ligne. Quand le code contient une erreur, par exemple une balise non fermée, le lecteur affiche le message de l'analyseur au lieu d'une image vide : vous savez quelle ligne corriger.
L'aperçu est affiché comme une image. Les scripts contenus dans un SVG ne s'exécutent pas, ce qui permet d'ouvrir sans risque les fichiers que l'on vous a envoyés.
Modifier un fichier SVG en ligne en quelques secondes
Les retouches courantes se font en quelques secondes : changer la couleur d'un fill, retirer un width et un height fixes pour rendre l'icône responsive, supprimer un calque masqué ou ajouter un <title> pour l'accessibilité. Pour un nettoyage plus poussé, passez le fichier dans l'outil pour compresser un SVG.