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 Le CSS (Cascading Style Sheets) est un langage utilisé pour décrire l'apparence et la mise en page des documents HTML, en définissant des styles comme les couleurs, polices, marges, et positionnements des éléments sur une page web. et JavaScript JavaScript est un langage de programmation dynamique principalement utilisé pour ajouter des fonctionnalités interactives aux pages web. Il permet de manipuler le DOM, de gérer des événements, et d'effectuer des requêtes asynchrones. , 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é L'accessibilité numérique garantit que les sites et applications sont utilisables par tous, y compris les personnes handicapées, via des pratiques comme l'utilisation de texte alternatif et la navigation au clavier. : 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 Le responsive design est une approche de conception web qui permet à un site de s'adapter automatiquement à différentes tailles d'écran (ordinateurs, tablettes, smartphones), offrant ainsi une expérience utilisateur optimale sur tous les appareils. design, garantissant une qualité d’affichage optimale sur tous types d’écrans.