L'Importance du Format SVG pour le Responsive Web Design
Cette leçon explore l'utilisation du format SVG pour des images telles que des logos et des illustrations afin d'améliorer le Responsive Web Design.
Introduction video
Principes généraux








Réaliser une maquette en responsive Design
Maitriser l'intégration en Responsive Design







Le travail des textes
Intégrer des images optimisées
Une réalisation complète
Connaissances complémentaires
Conclusion
Détails de la leçon
Description de la leçon
La philosophie du Responsive Web Design consiste à adapter les pages et les éléments en fonction de la fenêtre du navigateur. Par conséquent, le format SVG, qui est décrit en langage XML, est particulièrement adapté aux images telles que les logos et les illustrations. Grâce à son format vectoriel, le SVG est très léger. Par exemple, notre logo en format JPEG est quatre fois plus volumineux qu'en SVG.
Le format SVG est largement accepté par la plupart des navigateurs, à l'exception de IE7 et IE8, pour lesquels des alternatives existent. Il est possible de créer des images SVG en utilisant des logiciels comme Adobe Illustrator, Inkscape, ou SVG Edit.
Enregistrer une illustration en format SVG dans Illustrator est simple. Il suffit de sélectionner la commande 'enregistrer sous', choisir le format SVG et configurer les paramètres appropriés. Il est recommandé de vectoriser les textes dans les illustrations pour éviter les problèmes liés à l'intégration des polices.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Comprendre l'importance du format SVG.
- Apprendre à créer et enregistrer des illustrations SVG.
- Intégrer des SVG dans une page HTML de manière efficace.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé de posséder des notions de HTML, CSS, et avoir une connaissance basique des logiciels de design graphique comme Adobe Illustrator ou Inkscape.
Métiers concernés
Les professionnels dans les domaines suivants peuvent bénéficier de cette leçon :
- Web design
- Développement front-end
- Graphisme
Alternatives et ressources
En plus d'Adobe Illustrator, vous pouvez utiliser des logiciels gratuits comme Inkscape ou SVG Edit pour créer des illustrations vectorielles.
Questions & Réponses
