Для загрузки разных изображений в зависимости от разрешения экрана в HTML используется тег <picture>. Внутри него можно указать несколько <source> с атрибутом media, задающим условия для выбора изображения, и тег <img> с запасным изображением.

Пример:

<picture>
  <source media="(min-width: 800px)" srcset="large.jpg">
  <source media="(min-width: 400px)" srcset="medium.jpg">
  <img src="small.jpg" alt="Пример изображения">
</picture>

В этом примере браузер выберет large.jpg, если ширина экрана 800px и больше, medium.jpg при ширине от 400px до 799px, и small.jpg для меньших экранов.

Также для простых случаев можно использовать атрибут srcset у тега <img>, указывая разные изображения с их размерами.

Какой тег HTML помогает загружать разные изображения для разных разрешений экрана?