Mon illustration d'origine est-elle conservée ?

Oui. Les modifications ne touchent que les attributs que vous changez. Si rien de dangereux n'est trouvé, l'export est votre source telle que vous l'avez modifiée.

Pourquoi ma couleur n'a-t-elle pas changé ?

Une feuille de style du fichier peut l'emporter sur les attributs. Quand le fichier en contient une, les changements sont écrits dans l'attribut style, qui est prioritaire.

Puis-je dessiner de nouvelles formes ?

Pas encore. Vous pouvez ajouter des formes en tapant leur code dans le panneau source, et elles apparaissent aussitôt sur le canevas.

Mes modifications sont-elles enregistrées ?

Pas automatiquement. Rien n'est conservé ni envoyé : exportez avant de quitter la page.

Éditeur SVG : modifiez le code et le canevas ensemble

Ouvrez un SVG, cliquez sur une forme pour changer son remplissage, son contour et son opacité, ou modifiez directement la source. Le canevas et le code restent synchronisés.

Déposez un fichier SVG ici

5 Mo maximum. Ouvert uniquement dans votre navigateur.

Votre SVG est traité dans cet onglet du navigateur. Il n'est jamais envoyé.

Comment ça marche

Ouvrez ou collez un SVG. Le canevas et la source s'affichent ensemble.
Cliquez sur une forme, puis changez son remplissage, son contour, son épaisseur ou son opacité, ou modifiez le code.
Annulez ou rétablissez si besoin, puis exportez le SVG.

Usages courants

Recolorer une icône aux couleurs d'une marque.
Corriger rapidement le code d'un graphique et voir le résultat.
Trouver à quel élément du code correspond une forme à l'écran.

Ce que fait l'outil

Sélection sur le canevas qui mène à la ligne correspondante de la source.
Modifications de remplissage, contour, épaisseur et opacité réécrites dans le code.
Annuler et rétablir, zoom, déplacement, grille et arrière-plans.
Le contenu dangereux est retiré du canevas et de l'export.

À savoir

C'est la première version de l'éditeur. Il n'a pas encore d'outils de dessin, de poignées pour déplacer, redimensionner ou pivoter, de panneau de calques, ni d'édition de dégradés et de tracés, et il n'enregistre pas votre travail automatiquement. Exportez pour conserver vos modifications.

Questions fréquentes

Mon illustration d'origine est-elle conservée ?: Oui. Les modifications ne touchent que les attributs que vous changez. Si rien de dangereux n'est trouvé, l'export est votre source telle que vous l'avez modifiée.
Pourquoi ma couleur n'a-t-elle pas changé ?: Une feuille de style du fichier peut l'emporter sur les attributs. Quand le fichier en contient une, les changements sont écrits dans l'attribut style, qui est prioritaire.
Puis-je dessiner de nouvelles formes ?: Pas encore. Vous pouvez ajouter des formes en tapant leur code dans le panneau source, et elles apparaissent aussitôt sur le canevas.
Mes modifications sont-elles enregistrées ?: Pas automatiquement. Rien n'est conservé ni envoyé : exportez avant de quitter la page.

Outils associés

Quelque chose cloche ? Vérifiez le code dans l'inspecteur SVG.
Vous voulez juste regarder un fichier ? Ouvrez-le dans la visionneuse SVG.
Besoin d'une couleur dans un autre format ? Essayez le convertisseur de couleurs.
Découvrez tous les outils dans SVG Studio.