SVG — fichier .svg

Le SVG (Scalable Vector Graphics) décrit une image comme un ensemble de formes géométriques (chemins, cercles, rectangles, texte) plutôt que comme une grille de pixels. Il se redimensionne donc sans aucune perte de netteté, ce qui en fait le standard des logos, icônes et illustrations sur le web.

Contrairement à la quasi-totalité des autres formats d’image, le SVG est un format texte basé sur XML et n’a pas de signature binaire fixe : un fichier valide peut commencer par une déclaration <?xml version="1.0"?> (facultative selon la spécification), directement par la balise <svg, ou être précédé d’un BOM UTF-8. Aucune séquence d’octets ne permet donc de l’identifier avec certitude par ses seuls premiers octets — contrairement à ce qu’affirment parfois, à tort, certaines listes de “magic bytes” en ligne.

Parce qu’il s’agit de XML, un SVG peut contenir des éléments actifs comme des scripts ou des références vers des ressources externes. C’est un point de vigilance : un SVG téléchargé d’une source non fiable et ouvert par un logiciel qui interprète ce contenu actif n’est pas nécessairement une image “passive”.

L’usage du SVG comme favicon de site web, longtemps limité par le manque de support de Chrome, s’est généralisé après l’ajout de cette prise en charge par le navigateur en 2022 : un seul fichier vectoriel peut désormais remplacer plusieurs tailles de PNG dédiées, avec un rendu net à n’importe quelle résolution d’écran.

Des bibliothèques d’icônes très utilisées sur le web comme Font Awesome distribuent leurs pictogrammes sous forme de fichiers SVG individuels ou de sprites regroupant plusieurs icônes dans un seul document, une pratique qui a largement supplanté les anciennes polices d’icônes (glyphes détournés d’une police de caractères) pour des raisons d’accessibilité et de simplicité de mise en œuvre.