L'Importance du Format SVG pour le Responsive Web Design

Réaliser des images en svg
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre le Responsive Design
Revoir le teaser Je m'abonne
Transcription

59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

59,90€ 29,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

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.

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.

Voir plus
Questions réponses
Pourquoi le format SVG est-il particulièrement adapté au Responsive Web Design ?
Le format SVG est vectoriel, ce qui permet aux images de s'adapter à différentes tailles d'écran sans perte de qualité.
Quels sont les navigateurs qui ne supportent pas le format SVG ?
Les navigateurs Internet Explorer 7 (IE7) et Internet Explorer 8 (IE8) ne supportent pas le format SVG.
Quelles recommandations sont données lors de l'enregistrement d'une illustration en format SVG avec Adobe Illustrator ?
Il est recommandé de vectoriser les textes et d'incorporer les images pour éviter les problèmes d'affichage des polices.

Programme détaillé