Tenho notado ultimamente que alguns web designers não parecem estar usando corretamente os perfis de cores no Photoshop. Se você já salvou imagens para a web e descobriu que elas saem um pouco mais leves e desaturadas do que o que você viu quando trabalhou nelas, este guia é para você.

Há alguns posts no blog que defendem a desativação de perfis de cores em imagens da web para “corrigir” este problema. Esta não é a maneira correta de resolver o problema porque navegadores modernos como Firefox 3 e Safari usam perfis de cor, então você pode obter resultados muito melhores usando-os corretamente. Além disso, os perfis de cor são muito simples de usar. Veja como…

NOTE: As instruções a seguir são para o Photoshop CS3 rodando no OS X, mas será o mesmo para Windows e similar para versões antigas do Photoshop.

First, precisamos saber qual perfil usar para suas imagens da web – esse é o perfil sRGB IEC61966-2.1. Ele é padrão em muitos monitores de PC e por isso é recomendado para uso na web. Para configurar seu espaço de trabalho para este perfil, abra o menu “Edit”, e clique em “Color Settings…”

Você será apresentado com as seguintes opções:

Localize na seção “Espaços de Trabalho” e selecione o perfil sRGB IEC61966-2.1 a partir do menu suspenso RGB. As outras configurações não são relevantes aqui já que só trabalharemos com RGB para imagens web.

Agora você tem o espaço de trabalho configurado corretamente, mas ainda não terminamos. O que você vê agora não é o que você verá quando você salvar a imagem para a web porque o que você vê não é afetado pelas configurações do seu monitor. Para ver as cores “reais” precisamos usar a prova de cor.

Clique no menu “View” e depois em “Proof Setup”. Você deve ver outra seleção. Queremos ver a imagem como aparecerá no nosso monitor, por isso seleccione “Monitor RGB” no fundo.

Finalmente, precisamos de activar a prova de cor pois está desligada por defeito. Clique no menu “Ver” novamente, e clique em “Provar Cores” se não houver nenhuma verificação já ao lado.

Após clicar nele, ele será verificado indicando que as cores estão agora sendo corrigidas usando as configurações do seu monitor. É isso, o que você vê agora na sua tela será praticamente o que você terá quando salvar a imagem.

Pessoas ainda verão as cores de forma ligeiramente diferente em muitos dispositivos e sistemas operacionais (por exemplo, a gama padrão do OS X difere da gama padrão do Windows PC, então as imagens são um pouco mais brilhantes – se você estiver trabalhando em um Mac é aconselhável definir o seu nível de gama para 2.2), mas a saída ainda será consistente com o seu espaço de trabalho e estará pronta para os navegadores modernos que usam perfis de cores incorporados.