Le imagens são muito importantes no layout gráfico de um site da Web. O usuário pode ser atraído por elementos visuais: gráficos bem acabados e bem feitos irão melhorar a experiência do usuário de nossos visitantes.
No entanto, é necessário não apenas confiar na beleza da imagem, mas tentar otimizar. Em primeiro lugar, precisamos levar em consideração as tags HTML, que são usadas pelo navegador para exibir a imagem.
- Il nome da imagem, deve ser curto e conter uma ou duas palavras-chave que lembrem o tema expresso pela foto. Isto porque alguns utilizadores podem chegar ao nosso site através da pesquisa efectuada nas imagens, por exemplo através do Google Image. Ter um nome que expressa o conteúdo de uma imagem ou foto torna isso mais fácil para os usuários e mecanismos de pesquisa.
- O atributo alt deve estar presente e deve refletir o conteúdo da imagem. Este atributo é útil se a imagem não for carregada pelo navegador, o texto contido permitirá ao usuário entender onde está e o que pode encontrar ao continuar a navegar.
- As tags largura e altura devem estar sempre presentes, pois permitem que o navegador exiba a imagem sem ter que calcular seus atributos de altura e largura. A presença desses dois atributos permite que o navegador carregue a página sem esperar o download das imagens nela presentes.
Esses elementos permitem que você obtenha melhorias sutis que também são apreciáveis no campo de SEO. O texto ao lado da imagem também é muito importante. Na verdade, se bem estruturado, com informações relacionadas ao atributo alt, torna a imagem ainda mais atrativa para os buscadores.
A escolha do formato das imagens (gif, jpg, png) é outro elemento crucial que nos permitirá economizar alguns KB no upload:
- gif: Oferece melhor desempenho para imagens com um mapa de cores estreito (até no máximo 256 cores). Este formato suporta transparência e pequenas animações. Normalmente é recomendado para elementos gráficos, como botões, ícones ou layouts gráficos.
- Jpeg: é mais adequado para imagens fotográficas e, graças ao seu método de compressão (com perda de informação), permite obter resultados satisfatórios. Este formato suporta transparência.
- pNG: Ativa a compactação de imagem sem perdas e oferece suporte para transparência e semitransparência. A única falha detectável é que até o momento nem todos os navegadores suportam transparência PNG.
A escolha de um formato adequado para nossas imagens permitirá obter imagens com qualidade superior, mas de dimensões reduzidas, e uma economia de bytes útil para otimizar o carregamento de uma página web. Uma forma de otimizar imagens é reduzir o tamanho, mas como? Existem várias ferramentas que nos ajudam nesta tarefa:
- otimizador de imagem é uma ferramenta que permite reduzir o tamanho com extensões gif, jpg e png;
- smush.com é um serviço oferecido pelo Yahoo para compressão de imagens;
- imagens seo amigáveis é uma ferramenta para otimizar imagens.
Lembre-se que se em nosso site inserirmos uma imagem com tag de altura e largura de 50px, mas na realidade ela tem largura e altura de 500px, vai demorar mais para carregar, por isso tentamos reduzir o tamanho das imagens antes de carregá-lo, usando programas especiais para reduzir o tamanho.
Para comprimir as imagens existem bibliotecas proprietárias de linguagens de programação dinâmicas, bem como o uso de CSS, que pode nos ajudar a usar menos bytes, tornando nossas páginas da web mais eficientes.
Algumas pessoas podem usar nossas imagens em seus blogs ou sites, retirando-as diretamente de nosso site, sobrecarregando-o. Alguns webmasters, na verdade, tentam bloquear imagens se visualizadas em domínios diferentes do host de destino. Isso nos permite melhorar a carga no servidor e evitar que nossas imagens sejam utilizadas em outros sites da Web. Por outro lado, no entanto, bloqueia ohot-linking evitamos que os motores de busca de imagens explorem as fotos, privando-nos de uma possível fonte de visitas ao nosso site. O conselho é monitorar o uso de imagens por meio de ferramentas estatísticas, mas não evitamos a técnica de hot-linking, pois nos privaríamos de visitas provenientes dos diferentes canais.