Les images responsives s'adaptent à l'écran et à sa densité de pixels : srcset propose plusieurs fichiers, sizes indique la largeur affichée pour que le navigateur choisisse le plus adapté, et <picture> permet de changer de format ou de recadrage. Elles réduisent le poids téléchargé.
Exemple
<img src="p-800.jpg" srcset="p-400.jpg 400w, p-800.jpg 800w" sizes="(min-width: 48rem) 50vw, 100vw" alt="">