Dicas para usar imagens em seu site
O bom desempenho de um site não depende somente do provedor de hospedagem ou do servidor. É preciso também que o desenvolvimento das páginas, o conteúdo e as imagens do site colaborem na abertura do mesmo.
Não é preciso nem falar o que acontece com páginas que demoram para serem carregadas… Imagens muito grandes podem travar a abertura irritando os usuários que exigem agilidade. Por isso pense muito bem antes de colocar qualquer figura em seu site!
Lendo sobre o assunto recolhi algumas dicas bastante importantes. Vamos a elas!
Sempre que possível comprima suas imagens. Se você usa Photoshop utilize a opção Save For Web que salva a figura já para ser colocada na web de modo adequado.
Em caso de imagens muito grandes, corte-as. Divida-as em algumas partes para agilizar a abertura da página. Na verdade, isso criará apenas a impressão de agilidade, porque a imagem terá o mesmo tamanho.
Contudo, não corte-as demais, isso gerará muitas requisições HTTP, o que resultará num processo lento. E não é isso o que queremos.
Opte por usar imagens com CSS ao invés de imagens em tag HTML. O carregamento de imagens como background de uma div é mais rápido do que carregar a imagem com as tags HTML.
Não utilize HTML puro para redimensionar suas imagens, pois elas serão carregadas com o tamanho original. O browser irá redimensioná-las, mas ele deixará as imagens distorcidas ou com resolução alterada.
Outra dica é sempre determinar o tamanho da imagem no código HTML, pois isso diminuirá o tempo de renderização da página. Assim o browser saberá como encaixar os elementos na tela.
Essas são apenas algumas dicas que ajudarão o seu site a ficar mais leve, tendo assim maior possibilidade de ser visto e lido, gerando o resultado esperado.
