image-set() в CSS: DPR и форматы без тега <picture>

Функция image-set() в background-image выбирает 2x/3x и avif/webp — удобно для декоративного hero без лишнего HTML.

Для контентных <img> по-прежнему предпочтительны srcset и <picture>.

- [image-set() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set) — Синтаксис type и resolution.

- [Responsive images — web.dev](https://web.dev/articles/responsive-images) — Когда picture vs CSS.

---

## LCP

Контентное LCP-изображение не прячьте только в background — используйте <img fetchpriority="high">.