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

Analyser le DOM avec MilleCheck.ai : Optimisation HTML

MilleCheck

15 avril 2025

Conçu par des passionnés du web et de l’héritage de Tim Berners-Lee, MilleCheck plonge au cœur du langage HTML et du DOM (Document Object Model),...

Lire la suite de Analyser le DOM avec MilleCheck.ai : Optimisation HTML

MilleCheck : l’outil d’analyse de performance de site web nouvelle génération

MilleCheck

20 février 2025

L’intelligence augmentée MilleCheck.ai, lancée début 2024, a déjà fait ses preuves. Aujourd’hui, nous sommes fiers de vous présenter la version 3 de MilleCheck, qui renforce...

Lire la suite de MilleCheck : l’outil d’analyse de performance de site web nouvelle génération

Optimiser les fonts d’icônes

Technique

21 juillet 2020

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

Can I use… sur mon site web ?

Technique

4 mai 2020

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 ?