Руководство по отзывчивым изображениям в HTML. Подробное объяснение работы <picture>, атрибутов srcset и sizes и способов их применения для контроля производительности и дизайна — https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/