Comment modifier des fichiers SVG dans votre navigateur

Le SVG (Scalable Vector Graphics) stocke une image sous forme de formes et de tracés, c'est-à-dire des mathématiques, pas des pixels. C'est pourquoi un logo enregistré en SVG reste d'une netteté parfaite, qu'il s'agisse d'un favicon ou d'un panneau publicitaire, et pourquoi c'est le bon format pour les icônes, les logos et les illustrations. Cela signifie aussi que vous pouvez ouvrir le fichier et modifier les formes elles-mêmes plutôt que de manipuler des pixels un par un.

Modifier la source SVG est presque toujours préférable à modifier un PNG exporté : déplacez un point d'ancrage et la courbe reste lisse ; changez un fond et la couleur est exacte ; redimensionnez l'ensemble et rien ne devient flou. Pour cela, il vous faut un éditeur qui comprend les vecteurs.

L'éditeur vectoriel EditItAll ouvre les fichiers SVG directement dans votre navigateur :

• Ouvrez l'éditeur et chargez votre fichier .svg, qu'il s'agisse d'un logo, d'un jeu d'icônes ou d'une illustration.
• Utilisez l'outil Sélection (V) pour déplacer et redimensionner des objets entiers, et l'outil Sélection directe (A) pour saisir des points d'ancrage individuels.
• Changez la couleur des fonds et des contours, modifiez n'importe quel texte avec l'outil Texte (T), et ajustez les formes grâce aux repères commentés et aux raccourcis dans le style d'Illustrator.

Votre travail s'enregistre automatiquement dans votre navigateur au fur et à mesure, et l'éditeur continue de fonctionner même hors ligne une fois chargé : la preuve que votre fichier n'est envoyé nulle part.

La vraie puissance réside dans le retravail des tracés. L'outil Plume (P) place des points d'ancrage avec des poignées de Bézier, ce qui permet de redessiner une courbe, d'ajouter un point à un logo, ou de tracer une nouvelle forme à partir de rien. Le crayon sert au dessin à main levée.

Pour créer des visuels plus complexes, combinez des formes simples grâce aux opérations booléennes : Union pour les fusionner, Moins devant pour découper l'une dans l'autre, Intersection pour ne garder que le chevauchement, et Exclusion pour le retirer. Ces opérations reposent sur un moteur géométrique à arithmétique exacte, de sorte que les contours obtenus restent nets au lieu de dériver de quelques fractions de pixel. C'est ainsi que quelques rectangles et cercles se transforment en une icône achevée.

Une fois terminé, enregistrez de nouveau en .svg pour garder le fichier entièrement modifiable, ou exportez un PNG à 2× lorsque vous avez besoin d'une image matricielle pour le web ou un document. Si vous avez déjà un SVG et ne voulez qu'un PNG, le convertisseur SVG vers PNG dédié fait cela en une seule étape.

Deux limites honnêtes : l'éditeur lit le SVG standard, mais pas les fichiers .ai ou .eps d'Adobe, et il ne gère ni le maillage dégradé, ni les remplissages de motif, ni les couleurs CMYK. Pour modifier des logos, icônes et illustrations courants en SVG, en revanche, tout ce dont vous avez besoin fonctionne sur votre appareil. Ouvrez l'éditeur vectoriel pour commencer.