Vrai SVG, faux SVG : Recraft V4 et la fin du graphiste vectoriel
Prenez cinq services qui s’annoncent comme « générateurs de SVG par IA » dans les premiers résultats Google. Demandez-leur la même chose : un logo minimaliste, ligne fine, fond transparent, un mot de votre choix. Téléchargez les cinq fichiers .svg qu’ils vous renvoient. Ouvrez-les un par un dans un éditeur de texte : VS Code, Sublime, ou simplement Notepad sous Windows.
Quatre fichiers sur cinq commencent par quelque chose qui ressemble à ceci :
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA..."
</svg>
Langage du code : JavaScript (javascript)
Suivi de plusieurs dizaines de milliers de caractères incompréhensibles. C’est un PNG. Un PNG dans un costume SVG. La balise racine est valide, l’extension du fichier est honnête, mais le contenu est un raster encodé en base64. À l’écran, ça scale exactement comme un PNG ; c’est-à-dire mal. Au zoom, ça pixellise. À l’édition dans Figma ou Illustrator, c’est une image plate, pas un objet vectoriel manipulable. Vous avez payé pour du vectoriel, on vous a livré du raster déguisé.
Le cinquième fichier, lui, commence ainsi :
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<path d="M150 150 C 175 100, 125 50, 100 75" fill="#1e4878"/>
<circle cx="100" cy="100" r="40" fill="none" stroke="#1e4878" stroke-width="2"/>
</svg>
Langage du code : HTML, XML (xml)
Du vrai vectoriel. Des courbes de Bézier déclarées explicitement, des couleurs en hexadécimal, des coordonnées numériques. Au zoom, aucune dégradation. À l’édition, chaque trait reste un objet manipulable.
Ce papier traite cette ligne de partage. La majorité des outils qui se vendent comme « générateurs SVG par IA » trichent — ils habillent un raster d’une extension .svg et comptent sur le fait qu’aucun client ne vérifie. En 2026, Recraft V4 est le seul outil grand public qui génère du SVG natif fiable à partir d’un prompt texte. Cette distinction technique a des conséquences économiques considérables sur trois métiers identifiables : graphiste de marque, designer d’icônes, vectoriseur. Et elle prolonge directement la grille de lecture que j’ai posée dans le précédent article sur la génération d’images IA en 2026 — le pixel comme commodité — en l’étendant à un terrain où la commoditisation est plus subtile, plus partielle, et où la duperie technique est largement répandue.
Pourquoi le vectoriel n’est pas une image
La distinction n’est pas seulement technique. Elle structure deux marchés professionnels différents, deux chaînes de production différentes, deux régimes économiques différents. Avant de parler des outils, il faut clarifier ce dont on parle, parce qu’une partie significative de la confusion qui entoure le SVG généré par IA tient à une mauvaise compréhension de ce qu’est un fichier vectoriel.
Une image raster est une grille de pixels. Chaque pixel a une position et une couleur. Quand vous zoomez, le logiciel d’affichage reproduit chaque pixel à une taille plus grande — c’est ce qui produit l’effet d’escalier caractéristique de la pixellisation. Les formats raster sont PNG, JPG, WebP, GIF, TIFF. Ils stockent l’information directement sous forme de matrice de pixels.
Un fichier vectoriel est une suite d’instructions mathématiques. Pas de pixels, pas de grille, pas de matrice. À la place, des descriptions du type « trace une courbe de Bézier du point A au point B avec ces deux points de contrôle », « remplis cette zone avec cette couleur », « applique cet effet de dégradé entre ces deux coordonnées ». Le rendu se fait à l’affichage, par le logiciel ou le navigateur, qui interprète les instructions et calcule l’image finale à la résolution voulue. Les formats vectoriels sont SVG (Scalable Vector Graphics, le standard ouvert du W3C), EPS, AI (Illustrator), et le PDF dans son usage vectoriel.
Notons en passant — pour écarter une confusion fréquente avec un autre sens du mot vecteur en informatique — que le « vecteur » dont on parle ici n’est pas le vecteur d’embedding utilisé en machine learning, qui est une représentation numérique du sens dans un espace de plusieurs centaines ou milliers de dimensions. Le terme désigne deux choses différentes selon le contexte. Cet article traite exclusivement du graphique vectoriel.
Les conséquences pratiques de cette différence entre raster et vectoriel sont nombreuses :
| Critère | Raster (PNG, JPG) | Vectoriel (SVG) |
|---|---|---|
| Scaling | Pixellise au zoom | Net à toute résolution |
| Édition par couches | Difficile | Native dans Figma, Illustrator, Inkscape |
| Poids du fichier | Croît avec la résolution | Stable, souvent inférieur |
| Animation | Limitée (sprites, vidéo) | CSS direct sur les éléments DOM |
| Intégration web | Balise <img> | Inline dans le HTML, manipulable en JS |
| Usage print | Résolution fixe à définir | Indépendant de la résolution |
Pour une icône de bouton de commande dans une interface, pour un logo qui doit s’afficher à 32 px sur un favicon et à 5 mètres de haut sur une enseigne, pour un set de pictogrammes manipulés par CSS — le vectoriel est la seule réponse correcte. Et c’est précisément pour cela que la duperie du « faux SVG » est si dommageable : elle prive le client des bénéfices techniques pour lesquels il a choisi le format.
Le test de l’éditeur texte : démasquer le faux SVG en dix secondes
C’est la démonstration la plus utile de cet article, et celle que personne ne fait en français. Vérifier qu’un SVG est un vrai SVG est trivial. Le seul obstacle est culturel — 90 % des utilisateurs ne savent pas qu’il faut vérifier, ou n’imaginent pas que le contenu d’un fichier .svg puisse être autre chose que ce que l’extension promet.
La méthode est simple. Ouvrez le fichier dans n’importe quel éditeur de texte. Sous macOS et Linux, en ligne de commande, la commande head -c 500 logo.svg affiche les 500 premiers caractères. Sous Windows, faites un clic droit sur le fichier, choisissez « Ouvrir avec » et sélectionnez Bloc-notes ou VS Code.
Vous cherchez deux signatures opposées.
Le vrai SVG contient des balises descriptives explicites. Vous y verrez <path>, <circle>, <rect>, <polygon>, <line>, <g> (un groupe d’éléments), et des attributs comme d="M..." (le chemin d’une courbe), fill="#hexcode", stroke-width="2". Le code est lisible, structuré, manipulable. Un humain ou un script peut modifier une couleur, déplacer un point, ajouter un élément. C’est du code, pas une donnée binaire.
Exemple de vrai SVG, simplifié :
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<circle cx="100" cy="100" r="80" fill="#1e4878"/>
<path d="M60 100 L90 130 L140 70"
stroke="white" stroke-width="6"
fill="none" stroke-linecap="round"/>
</svg>
Langage du code : HTML, XML (xml)
Vingt-deux lignes, quelques centaines d’octets, parfaitement lisibles. C’est une coche dans un cercle bleu. Ouvert dans Figma, chaque élément est manipulable individuellement.
Le faux SVG contient une seule balise <image> suivie d’un xlink:href qui commence par data:image/png;base64, puis une chaîne de caractères de plusieurs milliers — souvent dizaines de milliers — de signes apparemment aléatoires. Cette chaîne est l’encodage en base64 d’un fichier PNG. Le navigateur ou le logiciel décode la chaîne, reconstitue le PNG en mémoire, et l’affiche. Vous avez un fichier dont l’extension est .svg, dont la balise racine est <svg>, mais dont le contenu réel est un raster.
Exemple de faux SVG :
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<image width="1024" height="1024"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA[...50 000 caractères...]"/>
</svg>
Langage du code : HTML, XML (xml)
À l’usage, ce fichier se comporte exactement comme un PNG. Au zoom, il pixellise. À l’édition, il est inéditable comme objet vectoriel — Figma le voit comme une image importée. Sa taille est typiquement plus élevée qu’un PNG équivalent à cause de l’overhead de l’encodage base64 (33 % d’inflation), et il ne bénéficie d’aucun des avantages du format vectoriel.
Liste non exhaustive d’outils qui produisent du faux SVG en 2026 : plusieurs services SaaS au nom générique en ai-svg-generator.xxx, certaines fonctions de génération d’images dans des plateformes plus large qui exposent un export .svg qui n’en est un qu’au sens du conteneur, et plusieurs extensions Chrome ou applications gratuites qui agissent en réalité comme des wrappers de modèles raster.
Liste des outils qui produisent du vrai SVG natif : Recraft (V3 SVG et V4), Adobe Illustrator avec Firefly Text-to-Vector, Iconify AI pour les icônes spécifiquement, et les vectoriseurs spécialisés comme Vectorizer.AI qui convertissent un raster fourni en SVG propre par tracé algorithmique.
Le test de l’éditeur texte devrait être un réflexe systématique avant tout achat ou intégration en production.
Recraft V4 : architecture, forces, limites
Recraft est, en avril 2026, le seul outil grand public qui génère du SVG natif fiable à partir d’un prompt texte, à un niveau de qualité visuelle qui le rend utilisable en production professionnelle. Il faut comprendre pourquoi, parce que cette spécificité tient à un choix d’architecture qui le distingue structurellement de ses concurrents.
La plupart des modèles de génération d’images sont des modèles de diffusion entraînés sur des paires image-texte, où l’image est un raster. Si on leur demande un export en SVG, deux stratégies sont possibles : encapsuler le raster généré dans une balise <image> (le faux SVG), ou tracer le raster a posteriori avec un algorithme de vectorisation classique. La première est une duperie. La seconde produit un SVG techniquement réel mais visuellement inférieur, parce que la vectorisation par tracé d’un raster perd toujours en propreté de courbe.
Recraft a fait un choix architectural différent : entraîner un modèle dont la sortie native est constituée de chemins vectoriels. Le modèle ne génère pas un raster qu’il faudrait ensuite convertir — il génère directement les courbes de Bézier, les coordonnées, les couleurs et les groupes. Cette spécialisation explique la propreté visuelle des sorties : les courbes sont lisses parce qu’elles sont natives, pas parce qu’elles ont été reconstruites à partir de pixels.
Quatre déclinaisons sont disponibles dans l’interface Recraft V4 : Standard (raster 1024 px), Pro (raster 2048 px), SVG, et SVG Pro. Toutes partagent la même base de prompt et la même cohérence stylistique. Les deux modes vectoriels diffèrent sur la complexité acceptable et la finesse des détails — SVG Pro tolère plus de complexité et produit des chemins plus précis.
Là où Recraft V4 excelle :
- Icônes plates en style outline ou filled, parfaitement nettes, exportables directement dans une bibliothèque d’icônes ou un design system.
- Logos minimalistes, marques au style géométrique ou typographique simple, monogrammes.
- Illustrations à plat (flat illustration) du type populaire dans les sites SaaS, les pages d’onboarding, les vignettes éditoriales.
- Brand kits cohérents grâce au Style Lock — la fonction qui permet d’entraîner un style personnalisé sur 5 à 10 images de référence et de générer ensuite des centaines d’assets cohérents avec ce style.
Là où Recraft V4 échoue ou produit des résultats inégaux :
- Illustrations vectorielles complexes avec dégradés sophistiqués multi-couches.
- Scènes vectorielles très denses en détails, qui sortent souvent avec des artefacts ou des incohérences spatiales.
- Lettrages typographiques très personnalisés — la typographie reste une faiblesse, comme pour la plupart des modèles de génération d’images.
- Illustrations photoréalistes vectorisées — un cas d’usage marginal mais demandé.
La fonction Style Lock mérite un développement à part. Pour une agence ou une équipe brand qui doit produire un grand volume d’assets cohérents avec une identité visuelle existante, c’est un multiplicateur de production extraordinaire. On uploade une dizaine de visuels de la marque — palette, traitements, langage iconographique. Le modèle apprend la signature et toutes les générations suivantes la respectent : même proportions, même épaisseur de trait, même rendu des coins, même palette. Là où la difficulté du brand design tenait historiquement à la cohérence de production sur volume, le Style Lock résout le problème de production en gardant intacte la difficulté du design initial.
La fonction Vectorize de Recraft permet de convertir un raster fourni (PNG, JPG) en SVG propre. Elle est plus fiable que l’Image Trace d’Illustrator sur les logos simples et les pictogrammes, mais reste en deçà sur les illustrations complexes. Pour une vectorisation pure depuis un raster, Vectorizer.AI reste plus précis.
Tarification : freemium avec galerie publique (vos images sont visibles par tous les utilisateurs), 12 $/mois pour le plan commercial privé, 33 $/mois pour le plan Pro avec accès illimité aux générations Pro et SVG Pro, API disponible pour intégration dans des workflows automatisés.
Adobe répond : Firefly Text-to-Vector dans Illustrator
Recraft n’est pas seul. Adobe a intégré une fonction Text-to-Vector Graphic dans Illustrator depuis 2024, alimentée par Firefly. La génération se fait directement dans le canvas Illustrator, à partir d’un prompt, et les chemins produits sont immédiatement éditables dans l’environnement professionnel.
C’est une proposition différente, à comparer point par point.
L’avantage d’Adobe tient à l’intégration native dans le workflow professionnel existant. Pour un studio qui produit déjà sous Illustrator, n’avoir pas à sortir du logiciel pour générer des assets et les ajuster est un gain de productivité réel. L’indemnisation contractuelle d’Adobe pour les entreprises clientes — Firefly est entraîné sur un corpus licencié, ce qui couvre juridiquement l’usage commercial — est également un argument décisif pour les services juridiques de grands groupes.
L’inconvénient d’Adobe tient au prix d’entrée et à la qualité visuelle relative. L’abonnement Illustrator complet, ou Creative Cloud All Apps, est un coût significatif si l’usage de la fonction Text-to-Vector est l’unique besoin. C’est un sujet sur lequel j’ai déjà écrit dans un cadre plus large à propos de la captation tarifaire d’Adobe — la grille de lecture s’applique strictement à cette fonction. Sur la qualité visuelle pure, en aveugle, les sorties de Recraft V4 sont régulièrement préférées par les designers sur les styles non-corporate, là où Firefly excelle sur les styles plus institutionnels.
Verdict comparatif synthétique :
- Adobe Firefly Text-to-Vector pour les entreprises déjà dans l’écosystème Adobe, exposées juridiquement, et travaillant sur des styles institutionnels.
- Recraft V4 pour la qualité visuelle sur styles variés, la flexibilité tarifaire, et le Style Lock comme mécanisme de cohérence de marque sur volume.
Pour une agence ou un freelance, la combinaison des deux est défendable : Recraft pour la production rapide, Illustrator pour les ajustements finaux et l’intégration dans des livrables print ou des workflows clients existants.
Les vrais perdants du vectoriel généré
L’effet des modèles de génération vectorielle sur les marchés professionnels est mécanique et localisé. Inventaire froid, dans le registre établi dans le précédent article sur la génération d’images.
Le designer d’icônes UI junior. Produire un set cohérent de 50 icônes pour une application — même style, même grille, même épaisseur — était un livrable de plusieurs jours. Recraft V4 avec Style Lock le fait en dix minutes, et les fichiers sont éditables directement dans Figma. Le segment d’entrée du métier est compressé. Ce qui reste : l’architecte de design system qui définit la grille, la cohérence, les règles d’usage. Pas l’exécuteur qui les produisait.
Le logotype freelance bas de gamme. Fiverr, 99designs, Codeur.com et leurs équivalents francophones reposaient en partie sur la production de logos simples à bas prix — entre 50 et 200 euros pour un logo basique, livré en quelques jours. Ce segment d’entrée disparaît : un client particulier ou une TPE peut désormais générer une centaine de variations logo pour 5 à 12 euros sur Recraft, en récupérer trois ou quatre qui lui plaisent, et les ajuster lui-même sur Inkscape ou Figma gratuit. La compression est brutale, et elle est déjà mesurable dans le volume de commandes des plateformes.
Le vectoriseur. Convertir une photo, un dessin numérisé, ou un raster ancien en SVG propre était une prestation à part entière, payée plusieurs dizaines d’euros par fichier sur les plateformes spécialisées. La fonction Vectorize de Recraft, et plus encore Vectorizer.AI pour les conversions pures, la réduit à un clic et quelques cents. Le métier disparaît comme catégorie distincte. Il survit comme étape rapide intégrée dans des workflows plus larges, mais plus comme prestation autonome.
L’illustrateur d’éditorial vectoriel. Les vignettes plates qui habillent les articles de blog corporate, les illustrations type unDraw popularisées dans les années 2018-2022, les visuels d’onboarding SaaS, les pictogrammes de pages d’erreur 404 sympathiques. Tout ce segment, qui était un marché stable depuis dix ans pour des illustrateurs spécialisés, s’effondre. Le rapport coût/qualité bascule entièrement du côté de la génération.
La mécanique est rigoureusement parallèle à celle que j’ai documentée pour les développeurs en janvier dernier : compression du segment intermédiaire, déplacement de la valeur vers l’amont (architecture, vision, définition) et l’aval (intégration technique, finition spécialisée), élimination du métier d’exécution intermédiaire.
Ce qui prend de la valeur dans le design vectoriel
L’inventaire des destructions n’a de sens que s’il s’accompagne de l’inventaire des reclassements. Voici ce qui prend de la valeur, ou la conserve, dans un régime de génération vectorielle commoditisée.
Le brand designer senior. Sa valeur n’est pas dans la production des assets, qui se commoditise — elle est dans la définition d’un univers visuel suffisamment précis, structuré et différencié pour être paramétrable dans un Style Lock et pour produire ensuite des centaines d’assets cohérents. Cette définition exige une connaissance approfondie du client, du marché, de la sémiotique visuelle du secteur, et de ce qui résonne avec un public donné. C’est un métier qui se renforce, pas qui s’efface.
Le design system architect. La conception de bibliothèques d’icônes cohérentes, de tokens de design, de composants réutilisables, de règles de scaling et d’animation — ce métier était déjà en croissance avant l’arrivée de la génération vectorielle. Il accélère parce que la génération automatisée demande des règles préalables solides pour produire du cohérent à grande échelle. Sans architecture, le Style Lock produit du bruit. Avec architecture, il produit du volume cohérent.
L’illustrateur d’auteur en vectoriel. Le pendant vectoriel de la photographie d’auteur évoquée dans le précédent article. Une signature visuelle reconnaissable, un univers stylistique distinctif, une cohérence narrative qui ne peut pas être reproduite par un Style Lock entraîné sur dix images. Le marché de l’illustration éditoriale signée — couvertures de magazines, ouvrages illustrés, visuels de campagne d’auteur — résiste, voire se renforce par contraste avec la commoditisation du générique.
L’expert en intégration technique SVG. Optimisation des fichiers (SVGO et ses dérivés), animation CSS et SMIL, lazy loading, performance web, intégration accessible (rôles ARIA, contrastes, alternatives textuelles). Métier émergent où l’expertise technique pure est rare et payée en conséquence. La génération produit des fichiers utilisables, pas des fichiers optimisés. La distance entre les deux est un travail.
Le typographe spécialisé. Les modèles de génération vectorielle peinent encore sur les lettrages personnalisés complexes, les calligraphies, les marques typographiques sophistiquées. C’est une niche stable, possiblement durablement stable, parce que la difficulté technique du lettrage et la dimension artisanale du métier résistent particulièrement bien aux modèles entraînés sur des corpus généralistes.
Cas pratique : un workflow de production e-commerce avec Recraft V4
Passons de la théorie au workflow appliqué. Le cas d’usage est concret : une boutique WooCommerce a besoin d’un set d’icônes pour ses pages catégorie, ses pictogrammes de garantie et de service, ses visuels d’onboarding pour le tunnel de commande. Soit, conventionnellement, deux à trois jours de travail freelance facturés entre 600 et 1 200 euros pour un set complet. Voyons comment cela se restructure en 2026.
Première étape, en amont de toute génération : définir un Style Lock à partir de la charte du client. Trois à cinq images de référence — logo principal, traitements existants si la marque a déjà une identité, ou simple moodboard si le projet part de zéro. Le modèle apprend la signature visuelle. Cette étape est cruciale et reste hautement humaine : le choix des références conditionne tout le reste.
Deuxième étape, génération du set d’icônes. Une boucle de prompts — « icône panier, style monoligne, fond transparent », « icône camion de livraison, style monoligne », « icône cadenas de sécurité paiement », et ainsi de suite. Chaque prompt produit quatre variations en SVG natif. La sélection se fait à l’œil, en gardant une icône par concept et en régénérant celles qui ne conviennent pas. Pour un set de vingt icônes, quarante à soixante minutes de travail effectif.
Troisième étape, ajustement dans Figma ou Illustrator. Les SVG produits par Recraft sont propres mais pas toujours parfaitement alignés sur la grille de votre design system. L’ajustement final — uniformisation de l’épaisseur de trait à 2 pixels exactement, alignement des coins à la grille 24×24, harmonisation des coins arrondis — prend une vingtaine de minutes.
Quatrième étape, optimisation et intégration WordPress. Passage des fichiers dans SVGO pour réduire le poids (typiquement 40 à 60 % de gain), import dans la bibliothèque média WordPress, intégration dans des blocs Gutenberg ou via shortcodes selon les pages cibles. Pour une boutique gérée sur WooCommerce avec un thème child personnalisé, l’intégration via classes CSS dédiées est la solution la plus propre.
Coût total indicatif : environ deux heures de travail à un tarif de développeur, plus l’abonnement Recraft mensualisé. Soit, en pratique, entre 80 et 150 euros pour un livrable équivalent à ce qui se facturait 600 à 1 200 euros il y a deux ans. Une réduction de coût de l’ordre de 80 à 90 %.
Mises en garde importantes :
- Vérifier la licence commerciale du plan Recraft utilisé. Le freemium ne couvre pas l’usage commercial privé.
- Tester systématiquement chaque fichier avec la méthode de l’éditeur texte avant intégration. Recraft V4 produit du SVG natif, mais une vérification ne coûte rien et protège contre les régressions futures.
- Conserver la trace des prompts utilisés, ne serait-ce que pour la régénération ultérieure si le client demande des ajustements ou un set complémentaire dans le même style.
- Pour les marques sensibles juridiquement, préférer Adobe Firefly Text-to-Vector pour son cadre de licence d’entraînement, quitte à perdre en qualité visuelle perçue.
Le vectoriel honnête comme acte technique
La distinction entre vrai et faux SVG n’est pas un détail technique. C’est une ligne de partage économique. Les outils qui produisent du faux SVG — un PNG dans un costume vectoriel — vendent du vent à des clients qui ne vérifient pas. Le test de l’éditeur texte, qui prend dix secondes, devrait être un réflexe systématique avant toute intégration en production. Sa simple généralisation suffirait à éliminer du marché la majorité des prestataires malhonnêtes.
Les outils qui produisent du vrai SVG natif — Recraft V4 en tête, Adobe Firefly Text-to-Vector en alternative juridiquement plus protégée — ne ferment pas le métier de graphiste vectoriel. Ils déplacent sa valeur. L’exécution se commoditise, comme dans le raster. Ce qui prend de la valeur, c’est l’amont — la définition d’identité, l’architecture de système — et l’aval — l’intégration technique, l’optimisation, la cohérence à l’échelle.
Ce qui s’éteint en 2026 n’est pas le métier de graphiste. C’est sa version intermédiaire, celle de l’exécution sans vision, qui était déjà sous pression depuis une décennie et qui voit sa dernière protection s’effondrer. Comme pour la photographie, la commoditisation du livrable revalorise ce qui ne se commoditise pas : le jugement, l’univers stylistique, l’intention.
Le pixel était une commodité. Le vecteur l’est aussi. La courbe de Bézier honnête reste un acte humain.