SVG editor
Formes et code, côte à côte

Le SVG editor envoie-t-il mon fichier ?

Non. Tout le dessin reste dans votre navigateur. Donc votre code n’atteint jamais un serveur, car l’éditeur n’en a pas besoin pour modifier le dessin.

Qu’est-ce que le SVG ?

SVG signifie Scalable Vector Graphics, un format texte qui décrit des formes avec des nombres au lieu de pixels. Comme c’est vectoriel, il reste net à toute taille. De plus, il se lit comme du code, donc il est simple à modifier et léger.

Dois-je envoyer un fichier SVG ?

Non. L’éditeur prend du code collé, donc ouvrez votre fichier, copiez son texte SVG et collez-le. Ensuite, vous éditez sur le canevas, et le fichier sur votre disque reste tel quel.

Quelles formes puis-je ajouter ?

L’éditeur ajoute rectangle, cercle, ellipse, ligne et texte. Ces formes couvrent la plupart des icônes et schémas, donc vous créez un graphique simple sans gros logiciel de design.

Puis-je modifier le tracé d’une forme complexe ?

Oui. Le panneau montre les attributs bruts, donc vous modifiez un tracé à la main. En pratique, utilisez le canevas pour les gestes rapides et le champ d’attribut quand une valeur doit être exacte.

Puis-je changer le remplissage et le contour ?

Oui. L’éditeur écrit les couleurs dans le code, donc vous réglez remplissage, couleur et épaisseur du contour pour chaque forme. De plus, vous pouvez cocher Sans remplissage, utile pour une icône en contour.

L’éditeur garde-t-il mon code propre ?

Oui. Il écrit des attributs bien rangés pendant l’édition, donc le code copié reste lisible au lieu d’une longue ligne. Cependant, il ne charge aucun fichier ni script externe, donc l’export ne contient que ce que vous avez dessiné.

Le SVG editor est-il gratuit ?

Oui, entièrement. Il n’y a ni compte, ni essai, ni filigrane. De plus, le travail se fait dans votre navigateur, donc aucun coût de serveur. Chaque fonction reste gratuite.

Fonctionne-t-il hors ligne ?

Oui. Une fois la page chargée, chaque modification se fait en local. Vous pouvez donc couper la connexion et l’éditeur continue, car il ne contacte jamais de serveur.

Puis-je télécharger le résultat en fichier ?

Oui. Le résultat est du texte SVG, donc vous le copiez dans le presse-papiers ou l’enregistrez en fichier. Un fichier enregistré s’ouvre dans tout navigateur et entre directement dans un projet web.

Puis-je convertir le SVG en PNG ?

Pas sur cette page. Cet outil édite du code vectoriel, et la sortie en pixels revient à un convertisseur. Utilisez plutôt la page SVG vers PNG quand il vous faut une image de taille fixe.

Puis-je modifier un logo ?

Oui, si vous avez le code SVG. Un logo est fait de formes, donc vous déplacez et recolorez les parties et modifiez leurs nombres. Cependant, cet éditeur ne peut pas changer un logo reçu en image plate, car il n’a aucune donnée de forme.

Puis-je régler la taille du plan de travail ?

Oui. Les champs sous le canevas contiennent largeur, hauteur et viewBox, donc vous les modifiez là. En pratique, gardez le viewBox et changez la taille seulement si vous en voulez une fixe.

L’éditeur garde-t-il mon dessin ?

Non. Aucun serveur ni stockage local ne garde quoi que ce soit, donc aucune copie ne survit à la session. Quand vous fermez l’onglet, le dessin disparaît. Par conséquent, copiez ou téléchargez le résultat avant de partir.

Puis-je utiliser l’éditeur sur mon téléphone ?

Oui. La page s’adapte aux petits écrans, donc vous éditez sur téléphone ou tablette. Toutefois, les glissements précis sont plus faciles sur ordinateur, donc le téléphone convient à un changement rapide de couleur ou de taille.

Puis-je annuler une modification ?

Oui. L’éditeur garde un court historique, donc Annuler revient en arrière quand un geste rate. L’historique ne couvre que les étapes récentes de cette session.

Le SVG est-il sûr à coller dans une page ?

Cela dépend du fichier. Certains SVG contiennent des scripts, des événements ou des liens externes, donc l’éditeur retire ces parties et garde le dessin. Ensuite, il vous dit combien de parties il a retirées.

Puis-je réordonner les formes ?

Oui. Le SVG peint les formes dans leur ordre, donc monter ou descendre une partie dans la liste des calques change ce qui couvre quoi. Mettez le fond en premier et les textes à la fin, ainsi tout reste visible.

L’éditeur ajoute-t-il un filigrane ?

Non. L’export est une copie propre de votre dessin en code SVG. L’éditeur n’ajoute rien ni aucune marque, car il écrit seulement les formes, les couleurs et le texte que vous fixez.

Puis-je grouper des formes ?

Un groupe de votre fichier reste un groupe. Il apparaît comme un calque, donc vous le sélectionnez, le déplacez et le recolorez d’un bloc. Cependant, cet éditeur ne crée pas de nouveaux groupes, donc entourez les formes d’une balise g dans le code si besoin.

L’éditeur me suit-il ou lit-il mon code ?

Non. Votre code ne part nulle part, et aucun script d’analyse ne le lit. Ainsi, le dessin se crée sur votre appareil, car rien de votre fichier ne quitte la page.

Puis-je utiliser le résultat sur un site ?

Oui. Le résultat est du SVG pur, donc il entre dans une page comme image ou comme code en ligne. Le SVG en ligne se stylise et s’anime en CSS, alors qu’une balise image garde la page plus courte.