<picture> с <source type="image/avif">, затем WebP и финальный <img> JPEG гарантирует лучший формат там, где он есть — типичный стек для галереи портфолио.
На <img> оставьте width, height и осмысленный alt — picture не освобождает от CLS и a11y.
- [<picture> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture) — source и img.
- [Serve images — web.dev](https://web.dev/articles/serve-images-webp) — Современные форматы.
- [AVIF — web.dev](https://web.dev/articles/avif) — Когда выбирать AVIF.
---
## LCP
Hero-LCP часто оставляют одним оптимизированным WebP/AVIF без picture — не усложняйте критический путь.