Solucionado
Boa tarde, Estou desenvolvendo uma página responsiva , e percebi que durante o desenvolvimento tem imagens que só devem ser exibidas na versão desktop. Minha dúvida é: Como fazer para que o browser só carregue a imagem na versão desktop? Pensei em utilizar "display:none" na versão mobile, porém mesmo o usuário acessando pelo mobile, será feito o download dessas imagens certo?
Obrigado
Oi Bruno,
Como vc mesmo disse, o display:none nao vai resolver. A img vai ser baixada de qualquer forma.
Se essa imagem só deve ser mostrada em um contexto e nao em outro, é um forte indicio de que ela nao é essencial pro conteudo. Entao vc pode usar um background-image ao inves de <img>. E ai fica facil colocar o background dentro de uma media query que vai ser só aplicada no desktop. Nesse caso nao tem problema da imagem ser baixada no mobile por engano.