sizes в srcset: как браузер выбирает ширину кадра

Медиа-условия и w-дескрипторы без лишних килобайт.

Атрибут `sizes="(max-width: 768px) 100vw, 50vw"` сообщает браузеру занимаемую ширину слота — вместе с `srcset="... 800w, 1200w"` выбирается оптимальный файл.

Неверный sizes — частая причина загрузки 2x изображения на мобильном и лишнего трафика.

sizes — MDN — Синтаксис sizes.
Responsive images — web.dev — srcset и sizes.

DevTools

В Network смотрите, какой URL img реально запросил — сверяйте с макетом на каждом брейкпоинте.