Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Melhores Práticas com imagens

Olá, estou montando um site e estou com uma pequena dúvida.

Já li em alguns lugares que não devemos redimensionar as imagens que pedimos do server no navegador. Mas vi recentemente que é bom termos uma imagem grande com uma qualidade baixa pra que quando essas imagens sejam baixadas em uma tela de retina elas fiquem com uma qualidade razoável.

Mas preciso de uma imagem pequena para colocar na minha <div>. Então a minha pergunta é: Como faço? Pego uma imagem grande e redimensiono ele no meu CSS, ou pego uma imagem do tamanho exato que preciso?

Att, Obrigado.

1 resposta
solução!

Oi Pedro, o que vale sempre é você pensar: Quão grande é essa imagem? Qual o peso de carregamento dela? No geral, pensando em design responsivo, você geralmente pega uma imagem um pouco maior, com uma qualidade aceitável e a reduz - não de forma bruta - no css.

Outra coisa que você precisa pensar é no redimensionamento proporcional da imagem para o tipo de tela. Não pegue um quadrado e transforme em um retângulo, pense nas proporções.

Entende? Espero ter ajudado, bons estudos! ;)