Coluna Photoshop – Algumas regras para criação de imagens na Web

A experiência com a Web, faz saber que as imagens pequenas são imagens rápidas. E Por “pequena”, eu não quero dizer no tamanho físico (embora isso também ajude), quero dizer pequena em termos de espaço em disco. Uma imagem de 20K que preencha sua tela leva menos tempo para fazer download e exibir do que um arquivo de 50K não muito maior que uma nota adesiva. É o ato de obter os dados por meio dos cabos e linhas telefônicas que leva tempo; por comparação, o tempo que seu software navegador leva para interpretar os dados é insignificante.

Portanto, vamos esclarecer as formas para que se possa controlar o tamanho do arquivo que será utilizado na Web. Como contrair uma imagem mantendo a sua qualidade e detalhamento para que a visualização dela seja perfeita, sem causar duvidas em quem a visualiza. Esse é o único e mais importante desafio com o qual os artistas de Web se defrontam.

Estes são alguns outros itens a serem lembrados durante a criação de elementos gráficos da Web:

- A resolução não é o mais importante. Independente do valor da opção Resolution que você digita na caixa de diálogo Image Size, o navegador da Web exibe um pixel de imagem para cada pixel de tela (a menos que você especifique o tamanho de imagem alternativo no seu arquivo HTML). Tudo o que conta, portanto, são as medidas em pixels – o número de pixels da largura pelo numero de pixels da altura.

- Salve em GIF ou JPEG. GIF e JPEG são os formatos de arquivo escolhidos para elementos gráficos da Web. GIF suporta apenas 256 cores; portanto, ele é melhor para artes finais e texto de alto contraste. O JPEG aplica compactação de perda, portanto é melhor para fotografias e outras imagens e tons contínuos. O mais novo formato é PNG, que é essencialmente uma versão em 24 bits do GIF criado para pequenas imagens coloridas que você não deseja compactar. Salvando a imagem no formato GIF ou JPEG sua imagem ficará mais ‘leve’ e conseqüentemente a página Web carregará muito mais rápido.

- Indexe a cores com bastante cuidado. Antes que você possa salvar uma imagem no formato GIF, você deve reduzir o numero de cores para 256 ou menos. O Photoshop usa uma técnica denominada indexação, que atribui novamente as cores de acordo com um índice pré-fixado. No Photoshop, pode-se criar tabelas de cores personalizadas para que o processo de indexação deixe a maioria das cores originais intactas, melhorando assim a aparência dos seus elementos gráficos.

Indexando as cores, o volume de dados fica bem menor, enquanto uma imagem no formato RGB, pode ter uma imensa variação de tonalidades, a indexada terá no máximo 256 cores. Reconhecendo que formatos usar e quando, e como melhor reduzir as cores, pode-se garantir que os visitantes ao seu site da Web gastarão mais tempo apreciando o site.

A Web fornece uma inacreditável saída para expressão criativa. De poucas maneiras você poderia mostrar seu trabalho para milhões e pessoas em todo o mundo. Mas, como acontece em quase todas as situações na vida, o sucesso na Web depende não apenas da sua proeza, mas também da sua compreensão das maneiras certas e erradas de preparar suas imagens.

Autor: Marcelo Culen Jugdar