image-set() в CSS: DPR и форматы без тега <picture>
Фоны hero с avif/webp в `background-image` и fallback.
Функция `image-set()` в `background-image` выбирает 2x/3x и avif/webp — удобно для декоративного hero без лишнего HTML.
Для контентных `<img>` по-прежнему предпочтительны `srcset` и `<picture>`.
- image-set() — MDN — Синтаксис type и resolution.
- Responsive images — web.dev — Когда picture vs CSS.
LCP
Контентное LCP-изображение не прячьте только в background — используйте `<img fetchpriority="high">`.