Что такое responsive images (srcset, sizes)?

Responsive images — механизм HTML, позволяющий браузеру выбрать оптимальное изображение из нескольких вариантов в зависимости от ширины экрана и плотности пикселей. Атрибут srcset перечисляет доступные файлы с их размерами, а sizes подсказывает браузеру, какой размер картинка займёт при данной ширине viewport. Браузер сам выбирает нужный файл, не загружая лишние байты.