SVG

Le SVG (Scalable Vector Graphics) est un format de graphiques vectoriels bidimensionnels basé sur XML, normalisé par le W3C. Les fichiers portent l'extension .svg et le type de média image/svg+xml. Au lieu de stocker des pixels, un fichier SVG décrit des formes, des tracés, du texte, des dégradés et des filtres sous forme de balisage, que le lecteur dessine à n'importe quelle taille.

Comme le SVG est du texte, il peut être modifié dans un éditeur de code, compressé en gzip, stylé avec CSS et modifié avec JavaScript. Les navigateurs l'affichent nativement, et les outils de design l'exportent pour les icônes, les logos et les illustrations. Un fichier SVG peut aussi contenir des images matricielles intégrées, mais ces parties se comportent alors comme n'importe quelle image bitmap.

Vectoriel ou matriciel

	Vectoriel (SVG)	Matriciel (PNG, JPG, WebP)
Stocke	Formes et tracés	Pixels
Redimensionnement	Net à toute taille	Flou lorsqu'il est agrandi
Idéal pour	Icônes, logos, schémas	Photos, captures d'écran
Taille de fichier	Augmente avec la complexité	Augmente avec le nombre de pixels

Où le SVG est utilisé

• Logos de sites web et jeux d'icônes.
• Graphiques et schémas générés par du code.
• Illustrations et animations simples sur les pages web.
• Favicons dans les navigateurs qui prennent en charge les favicons SVG.

SVG et captures d'écran

Une capture d'écran est une grille de pixels, donc une image matricielle par nature. La placer dans un fichier SVG ne la rend pas redimensionnable : le bitmap intégré reste flou lorsqu'il est agrandi. Les outils de vectorisation peuvent convertir une capture en tracés vectoriels, mais le résultat correspond rarement au petit texte d'une interface et pèse beaucoup plus lourd.

Place du SVG dans les flux riches en captures

Le SVG convient bien aux éléments qui entourent une capture : flèches, légendes, logos et schémas qui expliquent l'image. Un schéma courant combine une capture d'écran en PNG ou WebP pour l'interface, avec des icônes et des annotations SVG placées par-dessus sur une page web.

Erreurs courantes

• Intégrer un grand PNG dans un SVG et le présenter comme un fichier vectoriel.
• Téléverser du SVG vers des plateformes qui n'acceptent que le PNG ou le JPG.
• Ouvrir des fichiers SVG non fiables sans précaution, car le SVG peut contenir des scripts.

Une image à corriger tout de suite ?

Convertissez une capture d'écran entre PNG, JPG et WebP avec le Image Converter, ou réduisez sa taille avec le Image Compressor.

Questions fréquentes

Puis-je enregistrer une capture d'écran en SVG ?

Vous pouvez l'envelopper dans un fichier SVG, mais elle reste un bitmap. Utilisez le PNG pour les captures d'écran.

Le SVG est-il plus léger que le PNG ?

Pour des formes simples, en général oui. Pour des images détaillées et des captures d'écran, en général non.

Sources

• Scalable Vector Graphics (SVG) 2 (W3C)
• SVG (MDN)

Ressources associées

• Convertisseur d'images : conversion entre PNG, JPG et WebP.
• Outil d'annotation de captures d'écran : ajouter des flèches et des étiquettes à une capture.
• Formats d'export : formats matriciels exportés par Temposhot.