Caros amigos, mais uma vez venho em outro artigo para lhes mostrar o quanto é importante uma perfeita e bem bolada ‘Galeria de Imagens’ em um site.

Muitos de vocês provavelmente já se depararam com seções de fotos extensas e de maneira desordenada, ou até mesmo muito lenta para carregar. Mas qual seria a solução perfeita para este tipo de problema?

Não classifico exatamente como uma ‘Solução Perfeita’ mas é a maneira mais próxima do ideal em matéria de álbuns de fotografia on-line. Confiram agora alguma dicas:

1ª Dica: É muito importante saber que os thumbnails (ou pré-visualização da imagem) devem ser salvas de acordo com o tipo de gráfico. Caso for uma imagem vetorial é bom salvar em GIF, mas se for fotografia é essencial salvar em .JPG.

2ª Dica: Não é necessário salvar os thumbnails na mesma qualidade que a imagens originais, já que além de pequenas, a nitidez também é baixa por conseqüência do tamanho, por isso é aconselhável salvá-las com baixa qualidade. Vou dar-lhes um breve exemplo:

Observem, vocês vêem alguma diferença nos gráficos? Quase que nenhuma, não é verdade? Percebam que houve uma boa economia de tamanho de uma imagem para outra, e a qualidade visual, quase que a mesma.

Outro exemplo, agora com .JPG:

A diferença de um .JPG para o outro já é mais visível, porém quase que imperceptível por serem meramente ‘thumbnails’, ou seja, pequenas imagens de baixo teor de visualizarão.

Esse trabalho é indispensável para que suas galerias de imagens sejam mais ágeis na visualização, principalmente para usuários de internet discada.

Agora vamos fazer algumas continhas. Em uma galeria de fotos com 9 imagens (3x3), usando essa regrinha de salvar em 30% a qualidade dos thumbnails, você terá uma economia de visualização equivalente a 18,873 KB. Impressionante como é simples facilitar a vida dos visitantes de seu website.

3ª Dica: Outra questão importante é a quantidade de imagens por seção que será inserida, pois expor muitas imagens em uma única seção também pode gerar peso para a visualização de sua galeria.

Aconselho a colocar no mínimo 3x3 e no máximo 4x4. Particularmente não utilizaria o 5x5 pois seriam muitas imagens, difícil visualização e peso alto. Mas podem existir casos especiais.

Utilizando poucas imagens por seção, além de visualizá-las rapidamente e colaborar com a estética, você poderá variar entre 3x4, 4x3 ou até 3x5 e daí por diante. O importante é estar dentro do padrão entre 9 e 15 imagens por seção, não importa se vertical e horizontal. Vejam alguns exemplos estruturais de galerias:

Bom pessoal, por enquanto é só. Espero que as dicas possam ser praticadas. Qualquer sugestão, dúvida ou crítica, entrem em contato comigo.

Até breve e Obrigado.