Как работает <picture> и <source>?
- <picture> — контейнер для адаптивных изображений
- <source> — определяет разные версии изображения
- Атрибуты <source>:
srcset(набор изображений),media(медиа-запросы),type(MIME-тип изображения),sizes(размеры для разных экранов) - Использование: адаптивные изображения, поддержка современных форматов (WebP, AVIF), разные изображения для разных устройств