Publicação de imagens
O número de imagens e o seu tamanho influencia muito o tempo de carregação das páginas web, que devem conter, em situação ideal, um tamanho em Kb que evite que os usuários fiquem longo tempo esperando o seu download e acabem procurando outros sites.
■ Embora seja difícil apontar um tamanho preciso de página, pode-se arriscar que fica em torno de 80Kb.
Como um número alto de usuários brasileiros acessa a Internet com linha discada, os desenvolvedores web precisam se preocupar com a velocidade de carregação da páginas nos browsers. Pesquisas recentes mostram que:
◊ Em 2006, apenas 28,64% das residências acessaram a Internet com banda larga, devido ao alto custo das conexões e dos computadores. O principal modo de acesso à Internet nos domicílios brasileiros foi o modem dial-up, com 49,06% dos acessos. (TIC Domicílios)
Estes dados apontam para a necessidade de desenhar páginas que carreguem rapidamente nos browsers da maioria dos brasileiros.
■ Na medida em que aumentam o tempo de download das páginas web, as imagens devem ser realmente úteis à compreensão do conteúdo, incluindo as usadas em banners ou na composição da marca editorial-comercial do site. ► Exemplo
-> Num site de comércio, por exemplo, é indispensável publicar fotos dos produtos oferecidos para identificá-los e diferenciá-los de outros produtos semelhantes.
Já para ilustrar um texto que descreva as atividades de uma pessoa, uma foto permite maior aproximação afetiva com esta pessoa.
■ Quando é preciso publicar numa mesma página muitas imagens para ilustrar um conteúdo específico, esta deve ficar localizada em níveis mais profundos do site, onde os usuários realmente interessados no assunto (ou nas fotos) vão procurá-las. As páginas localizadas em camadas superficiais devem ficar mais leves e menos carregadas, para que os visitantes possam transitar por elas mais rapidamente.
Conjuntos de imagens reduzidas
■ É comum, especialmente em sites de demonstração de produtos, a publicação de pequenas imagens (thumbnails) agrupadas que, ao serem selecionadas pelos usuários, mostram uma versão em tamanho ampliado. O problema desta solução é que às vezes as imagens ficam tão reduzidas que é impossível o leitor entender se realmente vale a pena ampliá-las.
Para diminuir os efeitos desta perda de qualidade, as imagens menores podem ser cortadas para que mostrem os seus detalhes, mesmo que fiquem diferentes das versões ampliadas. Ou então pode-se mantê-las num tamanho não muito pequeno, para que o usuário faça uma ideia do seu conteúdo e queira vê-las ampliadas.
É importante ter cuidado no primeiro caso, porque as imagens maiores também são carregadas com a página, embora escondidas, e podem torná-la pesada e de carregação demorada. Neste caso, é necessário reduzir o número de imagens por página. Já a publicação da imagem maior numa página separada tem a desvantagem de fazer com que o usuário inexperiente deixe muitas janelas abertas e sobrecarregue o seu browser.
A conveniência de cada solução depende do número de imagens publicadas e da funcionalidade do desenho de cada interface.
No exemplo abaixo, a demonstração dos recursos da geladeira aparece numa página limpa, com poucas imagens e um enquadramento das imagens menores que permite a sua antecipação antes da seleção.
http://www.consul.com.br
Referências bibliográficas
▪ Livro: Designing web usability, de Jakob Nielsen. New Riders Publishing, 2000 (Edição traduzida: Projetando websites. Editora Campus, 2000)
Mais informação sobre o assunto (links externos)
▪ Visual-Blast Media, ferramenta que permite a visualização de detalhes de imagens de produtos à venda.
▪ Alguns órgãos de governo no Brasil estabelecem regras para a criação, armazenamento e publicação de documentos, como o governo do Estado do Paraná - Lei Estadual nº 15.472, de 18/12/2007 - DOE de 18/12/2007 (sugestão de André Luiz P. Domarques de Menezes, da http://www.dmd2.com.br).