Responsive Web Images

Aperçu

Les images représentent aujourd'hui plus de 60% de la taille moyenne d'une page web. Ce cours vous apprendra à fournir efficacement l'image la plus appropriée pour le design et l'appareil.

Le design web responsive est devenu très populaire pour supporter plusieurs appareils, mais a été freiné par de mauvaises performances. Dans ce cours, Images Web Responsives, vous apprendrez les types d'images, les techniques d'optimisation, et diverses approches pour sélectionner la meilleure image pour chaque situation.

Tout d'abord, vous apprendrez les bases du design web responsive et comment le facteur de succès le plus critique est de gérer correctement les images.

Ensuite, vous apprendrez les différences entre les images raster et vectorielles et discuterez des principaux types d'images raster. Enfin, vous apprendrez les 4 cas d'utilisation majeurs des images web responsives, ainsi que les principales approches des techniques d'images responsives comme JavaScript, l'élément picture, srcset, et Client Hints.

À la fin de ce cours, vous aurez une compréhension solide des images web responsives, ce qui vous permettra d'optimiser vos propres sites web pour être aussi efficaces que possible.

Université :

Pluralsight

Fournisseur :

Pluralsight

Catégories :

Cours JavaScript

Sujets