Olá,
Estou utilizando a tag html <img srcset = "imagem.jpg, 400w, imagem1.jpg, 300w" sizes="(max-width: 300px) 300px,(max-width: 959px) 400px">
Nos navegadores Edge e Mozilla, funciona perfeitamente, a imagem é selecionada de acordo com a tamanho da tela do navegados. Mas no chrome (versão 69) e safari não funciona. Alguém tem já passou por isso, ou que use o a tag html para imagens responsivas pode ajudar?
srcset
<img class="d-block w-100" src="img/slider/tintas-sm.jpg" alt="Tintas Líquidas" srcset="img/slider/tintas-sm.jpg 575w, img/slider/tintas-md.jpg 767w, img/slider/tintas-xl.jpg 768w" sizes="(max-width: 575px) 100vw, (max-width: 767px) 100vw, 768px">
As vezes isso pode te ajudar pt.stackoverflow.com/questions/292403/…