Une brève histoire
SVG (Scalable Vector Graphics) est un standard ouvert du W3C, publié pour la première fois en 2001 après que la communauté Web a consolidé les propositions vectorielles concurrentes. Contrairement à tous les autres formats proposés ici, il ne s'agit pas d'une grille de pixels : il s'agit d'un document XML décrivant des formes, des chemins et du texte, que le navigateur dessine à nouveau, quelle que soit la taille nécessaire.
Comment ça marche
Parce qu'un SVG est un ensemble d'instructions de dessin plutôt qu'un raster, il est indépendant de la résolution : le même fichier est d'une netteté exceptionnelle sur un téléphone et sur un écran 5K, et reste minuscule pour de simples logos et icônes. Les SVG peuvent être stylisés et animés avec CSS et manipulés avec JavaScript, ce qui signifie également que les SVG provenant de sources non fiables doivent être nettoyés, car ils peuvent contenir des scripts.
Quand et comment l'utiliser
Utilisez SVG pour tout ce qui doit être mis à l'échelle de manière nette et qui n'est pas une photographie : logos, jeux d'icônes, illustrations, graphiques. C’est le format source idéal pour un favicon ou un logo responsive. Il n’est pas adapté au contenu photographique : il n’existe aucun moyen efficace de décrire des millions de pixels subtilement variables sous forme de vecteurs.
- Un standard ouvert du W3C, publié pour la première fois en 2001.
- Vecteur, pas raster - décrit en XML, dessiné à n'importe quelle taille.
- Indépendant de la résolution et stylable/animable avec CSS.
- Peut intégrer des scripts, donc toujours nettoyer les SVG provenant de sources non fiables.