<picture>
Адаптивные изображения: разные файлы под разные условия.
Сигнатура
<picture>...</picture>Тег <picture> позволяет браузеру выбрать подходящее изображение из нескольких <source> в зависимости от ширины экрана или формата. Обязателен запасной <img> внутри.
<picture>
<source srcset="big.webp" media="(min-width: 800px)">
<img src="small.jpg" alt="Фото">
</picture>