LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Segunda-feira, 30/05/2005 - 13:21 - Por João Henrique Firmino
Seções relacionadas:

Galerias de imagens

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.

Todos os artigos de João Henrique Firmino

1 comentários publicados

  • 1. opa

    Segunda-feira, 30/05/2005, por hogs

    tua visao eh legal..
    gostei do artigo
    abraço!

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

João Henrique Firmino é formando em Tecnologia em Informática pelas FCS, trabalha com desenvolvimento web desde 2002 e atualmente é mantenedor dos sites das Faculdades Católicas Salesianas de Araçatuba e do Colégio Salesiano de Araçatuba.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.