Modifier un fichier SVG : couleur, fond et texte, pas à pas

Pour modifier un fichier SVG, ouvrez-le dans Inkscape, un logiciel gratuit : un clic sur une forme suffit pour changer sa couleur, la déplacer ou l’effacer. Pour une simple couleur, le Bloc-notes fait même l’affaire, car le code couleur y est écrit en clair.

Que peut-on modifier dans un fichier SVG ?

Dans un fichier SVG, on peut modifier presque tout : les couleurs, la taille, la position de chaque élément, et même le dessin lui-même. Le SVG est un format vectoriel : il décrit le logo en formes géométriques, et non en une grille de petits carrés de couleur ; chaque lettre, chaque cercle, chaque fond est un objet séparé, que l’on retouche sans abîmer ses voisins. Pour comprendre ce que le format contient, voyez la définition du fichier SVG.

Ce que vous voulez faire	Possible ?	Niveau
Changer la couleur d’une forme	Oui	Facile
Agrandir ou réduire le logo entier	Oui, sans perte de netteté	Facile
Effacer un élément (fond, slogan, date)	Oui	Facile
Passer tout le logo en blanc ou en noir	Oui	Facile
Corriger un mot encore écrit en texte	Oui	Facile
Corriger un mot déjà transformé en formes	Seulement en recréant le mot	Moyen
Redessiner une forme point par point	Oui	Pour les habitués

Quel logiciel gratuit pour modifier un SVG ?

Le logiciel gratuit le plus complet pour modifier un SVG est Inkscape, disponible sur Windows, Mac et Linux depuis son site officiel. Il lit et enregistre le SVG nativement, sans conversion. Les logiciels payants font aussi bien : Illustrator, CorelDRAW ou Affinity ouvrent un SVG et le rendent modifiable.

Deux outils sont en revanche à éviter pour ce travail. GIMP transforme le SVG en image à pixels dès l’ouverture : il vous demande une taille, puis le fichier perd tout ce qui le rendait net. Photoshop est pensé lui aussi pour les pixels ; il convient à une photo, pas à un logo que l’on veut garder en formes. Si votre SVG refuse simplement de s’afficher, le souci est ailleurs : voyez comment ouvrir un fichier SVG sur chaque appareil.

Comment modifier un SVG avec Inkscape ?

Modifier un SVG avec Inkscape se fait en cinq gestes, sans aucune connaissance en dessin :

1. Ouvrez le fichier par Fichier > Ouvrir, ou glissez-le dans la fenêtre.
2. Séparez les éléments. Un logo arrive souvent soudé en un seul bloc : sélectionnez-le, puis Objet > Dégrouper (Maj+Ctrl+G). Répétez tant que le menu reste actif, car les groupes s’emboîtent parfois.
3. Cliquez sur la forme visée. Pour atteindre une forme sans dégrouper, cliquez en maintenant Ctrl.
4. Changez sa couleur dans le panneau Fond et contour (Maj+Ctrl+F). Collez le code exact de votre teinte dans le champ RVBA, par exemple E30613ff pour un rouge précis.
5. Enregistrez une copie par Fichier > Enregistrer une copie, au format « SVG simple » : l’original reste intact, et le fichier obtenu s’ouvre partout.

Si votre imprimeur exige une référence de couleur précise plutôt qu’un code d’écran, la question se règle à part, avec la couleur Pantone d’un logo.

Peut-on modifier un SVG en ligne, sans rien installer ?

Oui, un SVG se modifie en ligne dans un éditeur qui tourne dans le navigateur. SVG-Edit, projet open source, propose les gestes de base (sélection, couleur, suppression) sans compte. Figma va plus loin mais demande la création d’un compte gratuit, et votre fichier est alors stocké sur ses serveurs : à garder en tête pour un logo encore confidentiel. Pour un changement ponctuel, ces éditeurs suffisent ; pour un travail plus long, Inkscape reste plus confortable.

Comment changer la couleur d’un SVG avec le Bloc-notes ?

Changer la couleur d’un SVG avec le Bloc-notes fonctionne parce qu’un SVG est un fichier texte lisible : faites clic droit > Ouvrir avec > Bloc-notes (Windows) ou TextEdit en texte brut (Mac). Cherchez le code de l’ancienne couleur, qui ressemble à #1D1D1F, puis utilisez Rechercher et remplacer pour mettre le nouveau partout d’un coup. Enregistrez, puis glissez le fichier dans votre navigateur pour vérifier.

Trois précautions évitent les mauvaises surprises :

• Travaillez sur une copie, renommée avant la première retouche.
• Cherchez toutes les écritures de la couleur : un même rouge peut apparaître en majuscules, en minuscules, ou en version courte à trois caractères (#F00).
• Réservez la méthode aux logos simples, à deux ou trois couleurs franches. Avec des dégradés ou des dizaines de nuances proches, Inkscape va plus vite.

Comment passer un logo SVG en blanc ou en une seule couleur ?

Pour passer un logo SVG en blanc, sélectionnez tout dans Inkscape (Ctrl+A), puis cliquez sur la case blanche de la palette en bas de l’écran. Même geste avec la case noire pour une version noire. Le piège arrive juste après : les parties qui étaient blanches dans le logo d’origine (une lettre posée sur un rond, par exemple) prennent la même teinte que leur fond et disparaissent. Il faut alors les supprimer pour que le support apparaisse au travers, ou leur garder une teinte différente. Pour qu’un logo blanc sur fond sombre reste lisible sur un textile foncé, d’autres règles s’ajoutent.

Comment retirer le fond d’un logo en SVG ?

Le fond d’un logo en SVG est presque toujours une forme indépendante, un rectangle placé derrière le dessin. Dans Inkscape, cliquez dessus (avec Ctrl si le logo est groupé), appuyez sur Suppr, et le logo se retrouve sur fond transparent. Si le clic sélectionne tout le logo au lieu du rectangle seul, dégroupez d’abord, puis recommencez.

Comment modifier le texte d’un logo en SVG ?

Le texte d’un logo en SVG se modifie directement s’il est resté du texte : double-cliquez dessus avec l’outil Texte d’Inkscape et retapez. Dans un fichier préparé pour l’impression, les lettres ont souvent été changées en formes, pour que l’atelier n’ait pas besoin de la police. Dans ce cas, effacez le mot, réécrivez-le avec la même police installée sur votre ordinateur, puis transformez-le de nouveau en formes par Chemin > Objet en chemin (Maj+Ctrl+C).

Comment vérifier un SVG modifié avant de l’envoyer ?

Un SVG modifié se vérifie en l’ouvrant dans un navigateur et en zoomant fort : les bords doivent rester nets, les couleurs justes, et aucun élément ne doit manquer. Comparez-le côte à côte avec l’original, puis envoyez le fichier tel quel. La plupart des ateliers prennent le SVG ; pour savoir lequel préférer entre SVG, EPS ou PDF pour l’imprimeur, tout dépend du support.

Une version une couleur peut-elle être prête sans retouche ?

Une version monochrome de votre logo s’obtient sans ouvrir le moindre logiciel si vous passez par Depixelise. Le cas est fréquent : on ouvre un SVG uniquement pour le ramener à une seule encre, pour un tampon, une gravure au laser ou une broderie d’un seul fil. Déposez plutôt votre logo, en SVG, PNG, JPG ou WebP jusqu’à 10 Mo : l’aperçu du résultat occupe l’écran en une dizaine de secondes. Par email, quatre fichiers vous parviennent, dont ce monochrome déjà fait. Il est accompagné du SVG en couleurs, d’un PNG transparent de 2000 px et d’une version négative pour les fonds foncés. Aucun de ces fichiers ne porte de filigrane, rien n’est payant (l’outil est 100 % gratuit) et aucun compte n’est à créer. Une seule réserve : quand deux couleurs du logo se touchent, un détail peut se fondre une fois tout ramené à une teinte, alors regardez le monochrome au zoom avant de l’envoyer.

Les autres formats de fichiers vectoriels, et le rôle de chacun, sont réunis dans notre guide du fichier vectoriel.

FAQ

Pourquoi le clic sélectionne-t-il tout le logo au lieu d’une seule forme ?

Le clic sélectionne tout le logo parce que ses formes sont réunies dans un groupe. Dans Inkscape, maintenez Ctrl en cliquant pour viser une forme à l’intérieur du groupe, ou dégroupez l’ensemble avec Maj+Ctrl+G.

Pourquoi la couleur changée au Bloc-notes n’apparaît-elle pas ?

Une couleur changée au Bloc-notes n’apparaît pas, le plus souvent, parce qu’elle est aussi écrite à un autre endroit du fichier, sous une autre forme : dans une ligne style="fill:..." ou dans un bloc <style> en tête du code. Cherchez aussi le code en minuscules et en version courte, remplacez chaque occurrence, puis rechargez la page du navigateur.

Retoucher un SVG le rend-il moins net ?

Non, retoucher un SVG ne lui retire aucune netteté : déplacer, recolorer ou agrandir une forme ne fait que changer sa description. La netteté ne se perd qu’au moment d’un export en PNG ou en JPG, qui fige le dessin à une taille donnée.

GIMP ou Photoshop peuvent-ils servir à retoucher un SVG ?

GIMP et Photoshop peuvent ouvrir un SVG, mais pas le retoucher en gardant ses formes : le dessin y devient une image à pixels. Pour un logo qui doit rester net à toutes les tailles, passez par Inkscape ou Illustrator.

Peut-on retoucher un SVG depuis une tablette ou un téléphone ?

Retoucher un SVG sur tablette ou téléphone est possible avec une application de dessin vectoriel, mais peu pratique sur un petit écran, où viser une forme précise demande de la patience. Pour un changement de couleur ou la suppression d’un fond, un ordinateur et Inkscape vont nettement plus vite.