Imagens em sites mobile

[Chirlison 1]

Boa tarde a todos!

Pessoal estou com a seguinte dúvida:

Estou desenvolvendo sites com o framework bootstrap.

Acabei de desenvolver um site que tem bastante imagens e imagens grandes, muitos banners e galeria de imagens, pois o meu cliente irá publicar seus trabalhos através do site.

Todas as informações do site vem do banco de dados, galeria de imagens, banners, títulos e textos.

 

Ao cessar o site com um celular ou tablet as imagens que são carregadas quando acesso o site do desktop são as mesmas.

Por favor, alguém sabe me dizer qual a maneira correta de se trabalhar com imagens em desenvolvimento de sites responsivos?

Pois nem todas as pessoas tem um bom plano de internet móvel.

Desde já, muito obrigado a todos.

[guilomaker 31]

eu otimizo as imagens, uso duas ferramentas que fazem as imagens ficarem ate 90% menores e com a mesma qualidade.

 

https://kraken.io/

 

o Kraken tem a versão paga que e a melhor, e tem free que limita enviar uma imagem de cada vez e tamanho máximo 1mb.

 

https://compressor.io/

 

o Compressor e o que eu utilizo com mais frequência, ele otimiza mais as imagens e com otima qualidade, e você pode enviar imagens de ate 10mb, só que uma de cada vez, então se for um site que der pra fazer essas otimizações manualmente, use o compressor. já o Kraken pago tem otimas ferramentas e plugins pra fazer isso.

 

só pra você ter ideia do antes e depois

 

52% menor

[Chirlison 1]

Muito obrigado pela ajuda, guilomaker!

[guilomaker 31]

se resolveu seu problema, marque o topico como solucionado.