design

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

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

<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 — не усложняйте критический путь.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.