Qu'est-ce que le SVG ? Comprendre le format vectoriel en un guide clair
Qu'est-ce que le SVG ? Principe des graphismes vectoriels, différences avec le PNG et le JPG, avantages et limites, usages courants, et méthode pour ouvrir et modifier un fichier SVG.
1. Qu'est-ce que le SVG ?
SVG signifie Scalable Vector Graphics (graphiques vectoriels évolutifs) : c'est un format de graphique vectoriel ouvert fondé sur XML, normalisé par le W3C. Là où le PNG et le JPG enregistrent une image sous forme de grille de pixels, le SVG utilise des formules mathématiques pour décrire les formes : une ligne droite, un cercle, une courbe de Bézier — chacun est écrit dans le fichier sous forme de coordonnées et d'instructions de tracé.
C'est précisément pourquoi un SVG ne devient jamais flou lorsqu'on l'agrandit : le navigateur redessine simplement les formules à la nouvelle taille au lieu d'étirer les pixels. C'est le sens du mot « vectoriel ».
2. SVG ou PNG / JPG : les différences
| Critère | SVG | PNG / JPG |
|---|---|---|
| Mode de stockage | Tracés mathématiques (vectoriel) | Grille de pixels (matriciel) |
| À l'agrandissement | Mise à l'échelle à l'infini sans déformation | Dentelures et flou apparaissent |
| Taille du fichier | Minuscule pour un graphique simple (quelques Ko) | Croît linéairement avec la résolution |
| Modifiabilité | Texte éditable, recolorable, animable | Nécessite un logiciel de retouche d'image |
| Contenu adapté | Icônes, logos, illustrations, graphiques | Photos et éclairages complexes |
3. Les usages typiques du SVG
- Icônes de site et logos : un seul SVG s'adapte à toutes les densités d'écran et reste net sur un écran Retina ;
- Illustrations et graphiques : les bibliothèques de visualisation de données (ECharts, Recharts) produisent du SVG par défaut ;
- Impression et gravure : graveurs laser, découpeuses et imprimantes UV acceptent largement les tracés SVG ;
- Animation : les tracés SVG peuvent être pilotés directement par CSS / SMIL / JavaScript, ce qui permet les effets de tracé progressif et autres.
4. Comment ouvrir et modifier un SVG ?
Les navigateurs (Chrome / Edge / Firefox / Safari) ouvrent directement les fichiers SVG ; les logiciels de design comme Illustrator, Figma ou Inkscape (gratuit) permettent de les modifier. Si vous souhaitez seulement changer une couleur, retirer un fond ou effacer une zone, utilisez l'éditeur SVG en ligne PolySVG, sans rien installer.
5. Comment transformer mon PNG / JPG en SVG ?
Utilisez l'outil PolySVG de conversion image en SVG : après avoir téléversé l'image matricielle, le modèle développé en interne réalise automatiquement la quantification des couleurs, le suivi des contours et l'ajustement des courbes, et vous livre en quelques secondes un SVG modifiable, avec retrait du fond en un clic. L'ensemble est gratuit et ne nécessite aucune inscription.
En résumé : le SVG est un format qui « dessine avec des formules », donc parfait pour les icônes, les logos et tout ce qui doit être redimensionné ; pour les photos, le JPG / WEBP restent préférables.
Questions fréquentes
Avec quel logiciel ouvrir un fichier SVG ?
N'importe quel navigateur moderne l'affiche directement. Pour l'édition, utilisez Illustrator, Figma ou Inkscape, ou travaillez dans l'éditeur en ligne PolySVG sans rien installer.
Peut-on convertir un SVG en PNG ?
Oui. L'éditeur PolySVG exporte un SVG en PNG à n'importe quelle résolution, et une capture d'écran du navigateur ou l'export d'un logiciel de design donnent le même résultat.