srcset
Donner au navigateur plusieurs versions de la même image et le laisser choisir — il sait sur l'écran et sur le réseau des choses que vous ignorez.
L'attribut énumère des images candidates accompagnées d'un descripteur : x pour la densité de pixels, ou w pour la largeur réelle de l'image en pixels. Utiliser w exige aussi sizes, qui décrit la largeur d'affichage de l'image dans la mise en page — sans lui, le navigateur ne peut pas savoir quelle candidate suffit, puisque le choix se fait avant l'application du CSS.
Tout l'intérêt est que la décision est déléguée. Le navigateur connaît la largeur de la fenêtre, la densité de pixels, le niveau de zoom et parfois l'état du réseau, et il peut décider autrement d'une visite à l'autre. Si vous voulez au contraire maîtriser le cadrage — une image paysage sur ordinateur, un portrait recadré sur mobile — srcset est le mauvais outil ; il faut alors <picture> avec des conditions explicites.