Nouveau cours comprendre des images réactives

Nous voulons tous que nos images soient affichées avec la meilleure qualité possible, avec une taille de fichier optimale, sur différents appareils, mais cela est plus facile à dire qu'à faire. Il existe de nombreuses techniques différentes pour rendre les images réactives, mais certaines d'entre elles présentent de sérieux inconvénients, tels qu'une prise en charge limitée du navigateur.. 

Dans Comprendre les images réactives, vous apprendrez tout ce que vous devez savoir pour utiliser des images réactives. Nous couvrirons ce qu'ils sont et comment ils se rapportent à la conception Web réactive, et nous discuterons également des meilleures pratiques. 

Ce que vous apprendrez

Dans ce cours, l'instructeur de Tuts +, Adi Purdila, vous montrera différentes techniques pour rendre les images réactives, en expliquant comment les utiliser et en expliquant leurs avantages et leurs inconvénients. Les sujets incluent:

• Utilisation de CSS pour afficher des images de manière sélective
• la srcset et tailles les attributs
• la image élément
• en utilisant plusieurs formats d'image
• en utilisant un polyfill, tel que le plugin Picturefill
• considérations de performance

Regarder l'introduction

Vous pouvez suivre notre nouveau cours immédiatement avec un abonnement à Envato Elements. Pour un seul forfait mensuel, vous aurez accès non seulement à ce cours, mais également à notre bibliothèque croissante de plus de 1 000 cours vidéo et de livres numériques de premier plan sur l'industrie sur Envato Tuts.+.

De plus, vous obtenez maintenant des téléchargements illimités à partir de la vaste bibliothèque Envato Elements de plus de 200 000 photos et de plus de 26 000 ressources et modèles. Créez avec des polices, des photos, des graphiques et des modèles uniques et livrez plus rapidement de meilleurs projets.