Pourquoi mon SVG est-il flou ? Causes fréquentes et solutions
Les SVG sont des fichiers vectoriels, ils ne devraient donc jamais perdre en netteté, quelle que soit la taille. Si votre SVG paraît flou, un problème précis se produit — voici comment le repérer.
Votre « SVG » est peut-être en réalité une image matricielle
La cause la plus fréquente : certains outils produisent un fichier SVG qui se contente d'envelopper un PNG ou JPEG encodé en Base64 dans une balise `<image>`, plutôt que de vectoriser de vrais tracés. Il porte l'extension .svg, mais reste une image matricielle sous le capot, et devient donc flou en s'agrandissant, exactement comme le ferait un PNG. Ouvrez le fichier dans un éditeur de texte : si vous voyez une longue chaîne Base64 au lieu d'éléments `<path>`, voilà votre réponse. Consultez PNG vs SVG pour comprendre pourquoi cette distinction compte.
La vectorisation a été réglée sur un détail très élevé pour une image bruitée
Contre-intuitivement, vectoriser une image source de mauvaise qualité ou fortement compressée avec un détail très élevé peut produire un très grand nombre de petits segments de tracé anguleux, qui paraissent rugueux plutôt que lisses — la vectorisation reproduit fidèlement le bruit du fichier d'origine. Essayez de revectoriser à partir d'une image source plus propre, ou augmentez le réglage de lissage pour que l'algorithme privilégie des courbes moins nombreuses et plus lisses.
Le SVG est rastérisé quelque part dans votre chaîne de traitement
Certaines plateformes (certains gestionnaires d'images de CMS, d'anciens navigateurs, ou des réglages d'export dans des logiciels de design) convertissent un SVG en image matricielle à une résolution fixe avant de l'afficher — il hérite alors de tous les problèmes de mise à l'échelle d'un PNG. Vérifiez si la plateforme que vous utilisez propose une option pour servir ou intégrer le SVG nativement plutôt que de le convertir.
Comment résoudre le problème
- Revectorisez à partir du PNG d'origine avec un outil qui produit de vraies données de tracé — essayez le convertisseur PNG en SVG gratuit et vérifiez le résultat avant de l'utiliser.
- Si le détail paraît anguleux, augmentez le réglage de lissage et retéléchargez.
- Si une plateforme rastérise votre SVG à l'affichage, cherchez un réglage pour l'intégrer ou le lier comme un SVG natif plutôt qu'une image convertie.
Questions fréquentes
Comment vérifier rapidement si mon SVG est vraiment vectoriel ?
Ouvrez le fichier dans un éditeur de texte et recherchez des éléments `<path>`, `<circle>` ou similaires. Si vous voyez à la place une longue chaîne Base64 dans une balise `<image>`, il s'agit d'une image matricielle déguisée en SVG.
Zoomer dans un navigateur rend-il un SVG flou ?
Non — un véritable SVG vectoriel reste net à n'importe quel niveau de zoom du navigateur. S'il devient flou quand vous zoomez, le fichier est très probablement une image matricielle plutôt que de vrais tracés vectoriels.
Prêt à convertir votre propre image ? png to svg converter.
png to svg converterLectures associées
Pourquoi un fichier réellement vectoriel se comporte si différemment d'un fichier matriciel.
Un cas d'usage où un faux SVG déguisé en raster échoue complètement.