<picture>: AVIF, WebP и JPEG fallback для кейсов

Формат по поддержке без лишнего веса.

`<picture>` с `<source type="image/avif">`, затем WebP и финальный `<img>` JPEG гарантирует лучший формат там, где он есть — типичный стек для галереи портфолио.

На `<img>` оставьте `width`, `height` и осмысленный `alt` — picture не освобождает от CLS и a11y.

<picture> — MDN — source и img.
Serve images — web.dev — Современные форматы.
AVIF — web.dev — Когда выбирать AVIF.

LCP

Hero-LCP часто оставляют одним оптимизированным WebP/AVIF без picture — не усложняйте критический путь.