Modifier un SVG en ligne : changez les couleurs et le fond sans rien installer

1. Ce que permet l'éditeur SVG en ligne

Face à l'édition d'un SVG, la première réaction est souvent d'installer Illustrator ; mais pour des besoins légers — changer une couleur, retirer un fond, supprimer un élément — un éditeur en ligne suffit largement. L'éditeur SVG en ligne PolySVG fonctionne dans le navigateur : gratuit, sans installation, sans inscription, et il opère au niveau des tracés avec sélection et suppression, retrait de fond en un clic, pinceau, gomme à masque, changement de couleur, annulation et rétablissement, puis export en SVG ou PNG. Vous pouvez téléverser un SVG ou importer en un clic le résultat de l'outil de conversion image en SVG. Pour un graphiste, il sert au dernier nettoyage avant livraison ; pour un développeur, il permet d'ajuster vite la couleur ou la taille d'une icône avant intégration, sans repasser par l'outil de design.

2. Changer les couleurs : adapter une icône à son thème

Cliquez sur un aplat du canevas pour sélectionner le tracé correspondant, puis changez la couleur de remplissage dans le panneau de couleurs. Cas typiques : faire basculer une même série d'icônes entre un thème clair et un thème sombre, calibrer un logo vectorisé sur sa couleur de marque, harmoniser les palettes de sources différentes. Par rapport à la recherche d'une propriété fill dans le code, le changement par clic est bien plus intuitif et ménage moins les autres tracés.

3. Retirer le fond : automatique puis manuel

Cliquez sur « Retirer le fond en un clic » : le moteur détecte la couleur dominante du bord et retire le calque de fond, et un SVG sur fond blanc devient transparent en quelques secondes. Les rares tracés de fond restants se suppriment au clic. Si vous partez encore d'une image matricielle, l'outil de retrait de fond et de conversion en vecteur fait les deux en une passe, puis l'éditeur permet le nettoyage fin.

4. Pinceur et gomme : compléter et effacer

Le pinceur ajoute : il repeint les traits manquants, la trace étant vectorisée automatiquement en nouveau tracé qui se fond dans le graphique d'origine — idéal pour réparer les traits coupés d'un logo vectorisé. La gomme retire : elle efface une zone au moyen d'un masque, sans détruire les données des tracés d'origine, et l'on peut annuler si l'on a trop effacé. Les deux outils s'utilisent avec l'annulation et le rétablissement : on peut expérimenter sans crainte. Les traits du pinceau sont ajoutés comme des tracés indépendants, que l'on peut ensuite recolorer ; l'effet du masque de la gomme est appliqué à l'export, si bien que le SVG exporté correspond à ce que montre le canevas.

5. Annulation, rétablissement et export

L'éditeur conserve l'historique complet des opérations : on annule une erreur, on rétablit un regret. Une fois le travail terminé, on exporte le SVG pour le web ou pour poursuivre l'édition, ou l'on exporte le PNG pour l'insérer dans un document ou créer un aperçu. Pour les méthodes d'ouverture et de consultation d'un SVG, voir Comment ouvrir un fichier SVG ; l'accès direct à l'éditeur est /editor. Lors de l'export PNG, choisissez une résolution suffisante pour éviter un rendu flou dans le document ; pour le web, préférez l'export SVG qui conserve les propriétés vectorielles.

6. Les gestes courants, en un coup d'œil

• Adapter une icône à un thème : sélectionnez le tracé et changez le remplissage, puis exportez une version par thème ;
• Rendre un visuel sur fond blanc transparent : retrait du fond en un clic, suppression des tracés résiduels, export du SVG transparent ;
• Réparer les traits d'un logo :Complétez au pinceau le long des ruptures, la trace est vectorisée automatiquement, puis harmonisez les couleurs ;
• Supprimer des éléments superflus : supprimez un par un les aplats inutiles, la gomme traite les détails de bord ;
• Illustration pour un document : une fois l'édition terminée, exportez un PNG à insérer dans Word, PowerPoint ou une messagerie.