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

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

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

- [sizes — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#sizes) — Синтаксис sizes.

- [Responsive images — web.dev](https://web.dev/articles/responsive-images) — srcset и sizes.

---

## DevTools

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