srcset
Podaj przeglądarce kilka wersji tego samego obrazu i pozwól jej wybrać — wie o ekranie i sieci rzeczy, o których ty nie masz pojęcia.
Atrybut wylicza obrazy-kandydatów z deskryptorem: x oznacza gęstość pikseli, a w rzeczywistą szerokość obrazu w pikselach. Użycie w wymaga też atrybutu sizes, który opisuje, jak szeroki obraz będzie w układzie strony — bez niego przeglądarka nie wie, który kandydat wystarczy, bo wybór zapada, zanim zostanie zastosowany CSS.
Cały sens polega na delegowaniu decyzji. Przeglądarka zna szerokość okna, gęstość pikseli, poziom powiększenia, a czasem także stan sieci, i może przy kolejnych wizytach zdecydować inaczej. Jeśli chcesz kontrolować kadrowanie — poziome zdjęcie na desktopie, przycięty pion na telefonie — srcset to złe narzędzie; tu potrzebny jest <picture> z jawnymi warunkami.