Que tipo de imagens devo colocar
“Uma imagem vale mais do que mil palavras”. Este chavão clássico traduz toda a idéia do mundo da Internet. Um site rico em imagens bem distribuídas e com boa qualidade são um colírio para nossos olhos nesse mar de informações tão concorridas.
Mas ao mesmo tempo, você pode cair na maior armadilha de todas: o tempo que todos os elementos do seu site demorarão para baixar.
Por mais que você encha de textos sua página, eles por si só dificilmente passarão de 10 kilobytes. Coisa irrisória, mesmo com uma conexão extremamente lenta. Cada imagem deve ter em média 50 kilobytes para que seu tamanho não comprometa a espera e aborreça o usuário.
Note que um site normalmente tem várias imagens que vão se abrindo e se cada uma delas tem em média os tais kilobytes, esta pode se tornar uma tarefa extremamente desagradável.
Quando inevitavelmente você tem uma grande imagem, com vários kilobytes, recorte-a em vários pedaços num editor de imagens e monte-a dentro de tabelas. Isso agiliza sua apresentação na tela.
Os formatos padrões de imagem na Internet são o JPEG, PNG e o GIF. Embora as pessoas imaginem que seja tudo a mesma coisa, há diferenças:
GIF – é um formato rápido, que utiliza muito pouco processamento. A desvantagem é que está limitado a exibir apenas 256 cores. Use GIFs para ilustrações, animações, mapas e logotipos.
JPEG – por ser uma imagem de 24 bits, apresenta as cores mais fiéis em relação aos originais. É especialmente usado em fotografias, ou imagens com mais de 256 cores. Quando você salva um arquivo JPEG ou JPG a caixa JPEG Options é aberta para que se escolha a qualidade e o formato apropriados para as imagens (teste os valores até conseguir adequar a qualidade com um nível de compactação aceitável, normalmente em 60~80% já dá bons resultados).
PNG – trabalha com 16,8 milhões de cores. Em comparação com o JPEG, a compressão obtida é mais eficiente e não proporciona perda de qualidade a cada salvamento, o que permite maior fidelidade à imagem original. As imagens em PNG não requerem muito espaço, podendo-se ter figuras de alta definição e tamanho em bytes relativamente pequeno. O PNG também possui o recurso de transparência, o que o faz uma excelente alternativa ao GIF neste caso, pois é possível ter imagens com fundo transparente.
Ao trabalhar com imagens para a Internet, tenha em mente duas coisas. A primeira, é entender que o tamanho do arquivo está associado a uma maior ou menor demora para sua apresentação na tela. Arquivos muito grandes são lentamente carregados.
Procure, então, construir páginas com o número mínimo de kilobytes, incluindo as imagens. Isso evita que a página demore para ser carregada e que o usuário desista dela.
Outra coisa: procure tirar proveito da memória cache dos navegadores. Os elementos gráficos carregados na página ficam armazenados nela. Imagens reprocessadas diminuem sensivelmente o tempo de carregamento.