SVG

Le SVG (Scalable Vector Graphics) est un format d’image vectorielle basé sur le langage XML, utilisé pour représenter des graphiques, des dessins et des illustrations sur le web. Contrairement aux images raster (comme les JPEG ou PNG), les images SVG sont définies par des formes géométriques (lignes, courbes, polygones) qui peuvent être redimensionnées à l’infini sans perte de qualité. Cela les rend idéales pour des éléments comme les logos, icônes, graphiques interactifs ou animations sur les sites web.

Les avantages du format SVG incluent :

  • Scalabilité : Les SVG peuvent être agrandis ou réduits sans perte de qualité, ce qui les rend parfaits pour des écrans haute résolution (comme les écrans Retina).
  • Interactivité et animations : Le format SVG permet d’ajouter des animations et des interactions grâce à CSS et JavaScript, offrant ainsi des possibilités avancées de design.
  • Poids léger : Comme les SVG sont des fichiers basés sur du texte (XML), ils sont généralement plus légers que les images bitmap, ce qui améliore les performances du site web.
  • Accessibilité : Les fichiers SVG peuvent être rendus plus accessibles aux technologies d’assistance grâce à des descriptions textuelles et des balises supplémentaires.

Le format SVG est pris en charge par tous les navigateurs modernes et est souvent utilisé pour les éléments graphiques adaptatifs, en particulier dans le cadre du responsive design, garantissant une qualité d’affichage optimale sur tous types d’écrans.

Articles associés

font d'icônes
Technique
21 juillet 2020

Optimiser les fonts d’icônes

La création de son site internet passe toujours par une phase d’UX puis d’UI pour aboutir à une maquette plus ou moins complète qui contiendra...
Lire la suite de Optimiser les fonts d’icônes
Technique
4 mai 2020

Can I use… sur mon site web ?

Si vous êtes développeur ou intégrateur Web, vous connaissez certainement caniuse.com. Nous vous en avons déjà parlé à moult reprises ici ou là. Or sur...
Lire la suite de Can I use… sur mon site web ?