Vectoriel ou matriciel : quel format pour vos illustrations ?

En 1x, le PNG de mon état vide faisait parfaitement l’affaire. Placé dans une section hero en 2x, il a vu ses contours devenir flous. Puis l’équipe branding a voulu du bleu marine à la place du moutarde, et Figma ne voyait dans le fichier qu’une seule image, d’un seul bloc.

Vectoriel ou matriciel, pour une illustration, tout est là. Rien à voir avec un cours d’informatique : la vraie question, c’est de savoir si vous pourrez encore changer une couleur mardi prochain.

Mes visuels produit, je les fais dans Illustro. Pour ceux qui vont dans l’interface, j’ouvre le générateur de SVG IA, je choisis le style Flat design et j’exporte en SVG. Pour la 3D façon pâte à modeler et les pages d’album jeunesse, je garde volontairement le PNG ou le JPEG. C’est le besoin qui décide du format.

Vectoriel ou matriciel : ce que ça change pour une illustration

Une image matricielle (bitmap), c’est une grille de pixels colorés : PNG, JPEG, GIF, TIFF, WEBP. Zoomez, et des carrés apparaissent. Agrandissez-la au-delà de sa taille d’origine, et elle pixellise.

Le comparatif d’Adobe entre images matricielles et vectorielles fait la même distinction. Les photos et les rendus peints se rangent de ce côté-là, puisque le fichier garde la couleur de chaque point.

Une illustration vectorielle, elle, est faite de formes, de lignes et de courbes décrites par des formules mathématiques. Sur le web, elle prend la forme d’un fichier SVG. Réduisez-la à une icône de 24 px ou étirez-la sur toute la largeur d’une section hero : le contour reste net.

Mon test à moi vient de la présentation du SVG sur MDN : ouvrez le fichier. Du XML qui décrit un tracé ? C’est un vecteur. Un bitmap glissé dans un conteneur SVG ? C’est toujours une image matricielle, et le nom du fichier vous a menti.

En illustration, le besoin se résume presque toujours à l’un des deux : changer les couleurs et la taille d’un graphisme qui accompagne une interface, ou garder la douceur de la peinture, de la pâte à modeler et de la lumière. Choisissez le format qui répond à ce besoin, pas celui qui fait plus « pro ».

Vectoriel et matriciel en un coup d’œil

Pour n’importe quel graphisme, vectoriel ou matriciel, le tableau serait le même ; c’est la ligne « Usages en illustration » que les équipes oublient. Un joli PNG de renard reste une image matricielle. Un renard en flat design que vous pouvez retoucher dans Couleurs, lui, est vectoriel.

Quand le vectoriel est le bon format pour vos illustrations

États vides, blocs de fonctionnalités, un graphisme qui doit tenir à 24 px dans un menu et à 1 600 px sur une landing page : là, je veux du SVG.

Figma aussi s’entend mieux avec les vecteurs : vous récupérez des formes, pas un seul calque aplati. La documentation de Figma sur l’export décrit Copy as SVG, pour le trajet inverse.

Si la pose est déjà la bonne et que seul le jaune coince, un vecteur vous permet de remplacer la couleur. Dans Illustro, c’est l’outil Couleurs, gratuit, à condition que le fichier contienne du vrai code SVG.

Une illustration en flat design, c’est un rendu : des aplats, une palette courte, souvent un fond crème. Le vectoriel, c’est le fichier qui se cache dessous. Le line art est vectoriel lui aussi, mais on y voit un dessin à l’encre, pas des aplats.

Dans le prompt, demandez un graphisme, pas une photo : indiquez le sujet, la pose, deux ou trois couleurs, et oubliez « cinématique » et « 8k ». Même règle que pour créer un fichier SVG aux couleurs modifiables.

Les logos, c’est un autre métier. De petites formes en flat design restent lisibles, mais Illustro n’est pas un outil de création de logos. Un logo destiné à être imprimé sur mille objets réclame toujours un designer, outil Plume en main.

Quand le matriciel est le bon format pour vos illustrations

La 3D façon pâte à modeler, c’est l’allure d’un petit objet photographié en studio : mat, arrondi, éclairé. Cet éclairage, ce sont des pixels, et dans Illustro aucun SVG ne le rendrait honnêtement. Téléchargez en PNG s’il vous faut de la transparence, en JPEG si un fond blanc vous convient.

J’ai déjà essayé de « vectoriser » une figurine en pâte à modeler. Résultat : des taches plates, et plus rien de ce qui justifiait la 3D. Si c’est ce qu’il vous faut, lisez l’article sur les personnages 3D sans Blender et gardez l’image matricielle.

Le style Album jeunesse évoque la gouache, et c’est voulu : tout repose sur la douceur des couleurs. Le convertir en tracés nets, c’est gâcher la page. Restez en PNG ou en JPEG. Supprimer l’arrière-plan coûte 1 crédit en album jeunesse et en 3D ; l’option n’existe pas en flat design ni en line art.

Les photos restent matricielles. Un outil de vectorisation peut imiter un logo vectoriel, pas conserver le grain d’une photo. Si seule la pose vous intéresse, transformez la photo en illustration en flat design (3 crédits). C’est un changement de style (vous pouvez ensuite exporter en SVG pour 1 crédit), pas une vectorisation fidèle de la photo d’origine.

Vectoriel ou matriciel, c’est donc ici une question de style, pas de qualité. Aux images douces les pixels, aux formes franches les tracés.

SVG, PNG ou JPEG

Quand on tape « PNG ou SVG », on veut souvent savoir s’il faut du vectoriel ou du matriciel. Voici ce que contient vraiment le menu de téléchargement.

SVG. Du vrai vectoriel. Vous changez la couleur d’un aplat, vous agrandissez sans flou. Exporter en SVG coûte 1 crédit pour une image générée ou convertie, et rien si vous avez importé votre propre SVG. L’option n’apparaît pas en album jeunesse ni en 3D.

PNG. Matriciel, gratuit, avec transparence. Parfait pour une image fixe dont vous ne changerez pas les couleurs tracé par tracé. Illustro peut convertir un SVG en PNG haute définition directement dans votre navigateur, mais une fois ce PNG téléchargé, vous voilà revenu aux pixels.

JPEG. Matriciel, gratuit, sur fond blanc. Pratique pour les e-mails, les présentations et les outils qui gèrent mal la transparence.

Le SVG n’est pas meilleur en soi : il l’est quand il vous faut des tracés. Le PNG l’emporte quand l’image a déjà le bon rendu et qu’une vectorisation ne ferait que l’abîmer.

Comment je choisis entre vectoriel et matriciel dans Illustro

1. Partez du besoin. Interface et landing page : Flat design ou Line art. Mascotte façon jouet : Illustration 3D. Album illustré : Album jeunesse.
2. Vérifiez le mode. Illustro Light pour explorer (1 crédit en Flat design ou Line art, 2 en Illustration 3D ou Album jeunesse), Illustro MAX pour la version finale (2 ou 4 crédits). L’éditeur démarre en Light : regardez le réglage avant de cliquer sur Générer.
3. Décrivez le sujet. Pour un état vide en vectoriel, je colle quelque chose comme : « Une personne sans visage arrose une plante suspendue, vue de profil, pull terracotta, pantalon bleu marine, fond crème, formes géométriques simples, pas de traits du visage, pas de dégradé ».
4. Cliquez sur Générer et vérifiez la pose.
5. Styles vectoriels : ouvrez Couleurs si la palette ne va pas, Modifier avec l’IA (3 crédits) s’il vous faut un nouvel objet. Couleurs ne dessine rien de nouveau.
6. Styles matriciels : passez par Modifier avec l’IA ou régénérez. Pour un détourage, utilisez Supprimer l’arrière-plan.
7. Téléchargez gratuitement en PNG ou en JPEG. Exporter en SVG (1 crédit), seulement si le style le permet.

Je suis ces étapes dans le générateur de SVG IA dès que le fichier doit rester un graphisme. Placez ensuite le SVG dans Figma avec le plugin Illustro pour Figma, ou exportez-le et déposez-le sur le canevas.

Ne forcez pas une illustration 3D ou une page d’album jeunesse en SVG : vous chercheriez en vain un bouton qui n’existe pas. Dans le doute, tenez-vous-en à la règle vue plus haut : le flat design et le line art s’exportent en SVG, la 3D et l’album jeunesse restent en PNG ou en JPEG.

Questions fréquentes

Le JPEG est-il matriciel ou vectoriel ?

Le JPEG est un format matriciel. Il enregistre une grille de pixels, en général avec une compression qui sacrifie une partie des détails de couleur. Dans un JPEG, impossible de changer la couleur d’un tracé comme dans un SVG. Réservez-le aux photos, à la 3D façon pâte à modeler et aux images d’album jeunesse qui ne seront pas agrandies bien au-delà de leur taille en pixels.

Le SVG est-il vectoriel ou matriciel ?

Le SVG est vectoriel quand il contient de vrais tracés : c’est du XML qui décrit des formes, pas une grille de carrés. Certains outils glissent un PNG dans un fichier à l’extension .svg. Ouvrez le fichier : si vous ne pouvez sélectionner aucun aplat, c’est encore une image matricielle.

Un fichier PNG est-il vectoriel ou matriciel ?

Le PNG est matriciel. Son intérêt : il garde la transparence et n’ajoute pas les défauts de compression du JPEG. Dans Illustro, le téléchargement en PNG est gratuit dans tous les styles. C’est le bon export pour la 3D et l’album jeunesse. En flat design et en line art, c’est un format d’aperçu, qui suffit si vous n’avez pas à changer les couleurs plus tard.

Peut-on transformer un PNG en image vectorielle ?

On peut le vectoriser. La vectorisation crée de nouvelles formes qui imitent au plus près les pixels, mais elle ne retrouve pas un dessin qui n’a jamais été un tracé. Dans Illustro, Vectoriser une image s’en charge pour 1 crédit : importez un PNG, un JPG ou un WEBP, et vous obtenez un SVG qui suit les formes et les couleurs du fichier. Pour changer le style d’une photo, l’outil Photo en illustration la transforme en image flat design (3 crédits), puis l’export en SVG coûte 1 crédit.

Le SVG est-il meilleur que le PNG ?

Pour une illustration d’interface, oui, si vous devez l’agrandir ou en changer les couleurs. Pour la 3D façon pâte à modeler et les illustrations d’album jeunesse, non : tout l’intérêt de ces images tient à leur lumière et à leur douceur, et le SVG les aplatirait. Prenez le PNG ou le JPEG dans ce cas, et gardez le SVG pour le flat design et le line art.

Un PDF est-il vectoriel ?

Un PDF peut contenir des vecteurs, des pixels, ou les deux. Un PDF d’une page contenant un logo peut être fait de tracés ; celui d’une photo reste fait de pixels. Ne vous fiez pas à l’extension : vérifiez si vous pouvez sélectionner une forme. Pour les illustrations destinées au web, j’exporte toujours depuis Illustro en SVG ou en PNG, pas en PDF. Vectoriel ou matriciel, ça ne se lit pas dans le nom du fichier, mais dans les données qu’il contient.