Используется wordpress + bootstrap 4
Есть 2 варианта изображений, 1 для desktopa и 1 для mobile.
Шаблон адаптивный. Вставляет как html код в страницу.
Так вот вопрос в том как загружать только нужное изображение?
Управляю отображение таким образом.
<div>
<img class="m" src="URL" alt="">
<img class="d" src="URL" alt="">
</div>
.m {
display: none;
}
@media (max-width: 540px) {
.d {
display: none;
}
.m {
display: block;
}
}
Возможно я вообще неправильно подхожу к реализации и есть более правильные решения. Может есть какие то wordpress плагины или в bootstrap что то есть.