Разные картинки для десктоп и для мобайл
 

Для десктопа и для мобайл есть разные версии картинок с разным разрешением.
Нужно сделать адаптив.
Как мне менять картинки для тега img при изменении разрешения экрана?

(css 3)

Один html-файл.

если хочется попроще, то можно просто установить картинку как фон какой-то области и в ксс при определенном размере экрана менять бекграунд на другую картинку, иначе, мне кажется без джава не обойтись

Можно так попробовать:

<div class=”header”>
<img class=”banner” src=”http://.../picture1.jpg”>
</div>

---------------------------------------------------------
.banner {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(https://.../picture2.jpg) no-repeat;
width: 180px; /* ширина нового изображения */
height: 236px; /* высота нового изображения */
padding-left: 180px; /* размер отступа равен ширине нового изображения */
}

Если я правильно понял задачу