Muitas pessoas têm problemas com a cor de suas fotos quando as publicam online. Existem vários motivos para isso, mas os culpados mais comuns são o espaço de cores da imagem e se o perfil está ou não incorporado. Ambas as configurações de cor podem afetar radicalmente a cor do navegador da web e a aparência de suas fotos.
Vejamos algumas das armadilhas potenciais mais de perto.
A importância de incorporar o perfil de cores
Sempre que você edita suas fotos em um programa de edição como o Photoshop, está fazendo isso usando um espaço de cores de trabalho RGB específico. Para garantir a preservação da cor que você vê durante a edição, é necessário incorporar o perfil antes de salvar a imagem.
Em termos simples, o perfil ICC é um tradutor. Ele permite que diferentes aplicativos e dispositivos interpretem a cor como você deseja. Se você adquirir o hábito de incorporar perfis em suas imagens à medida que as salva, você reduzirá as chances de as cores parecerem erradas na web ou na impressão.
![](https://cdn.photo-secret.net/2774301/How_to_Choose_the_Right_Color_Profile_For_Sharing_Images_Online_2.jpg.webp)
As cores ricas nesta imagem ProPhoto RGB parecerão boas em muitos navegadores, apesar de não ser sRGB como normalmente recomendado. Se ele parecer mudo e sem saturação para você, é porque você o está visualizando em um navegador sem gerenciamento de cores. Ao incorporar o perfil, dei a ele a melhor chance de ter a aparência desejada para a maioria das pessoas. Em um monitor de gama ampla, as cores vão se destacar um pouco mais.
Incorporar o perfil em uma imagem adiciona cerca de 3-4 KB ao tamanho do arquivo, então a única vez que faz sentido excluí-lo é quando você está enviando grandes quantidades de fotos para a Internet.
Se você precisar deixar o perfil de fora, certifique-se de que a imagem esteja no espaço de cores sRGB limitará qualquer dano resultante. Dois ou três dos navegadores mais populares ainda exibirão a cor fielmente porque eles adivinham automaticamente o perfil corretamente (ou seja, sRGB).
Embora a maioria dos navegadores tenha melhorado recentemente no manuseio de cores, ainda é uma boa prática incorporar o perfil. Não o deixe de fora sem um bom motivo.
![](https://cdn.photo-secret.net/2774301/How_to_Choose_the_Right_Color_Profile_For_Sharing_Images_Online_3.jpg.webp)
Como o perfil foi omitido na mesma imagem ProPhoto RGB, o brilho e a cor ficarão péssimos na maioria dos navegadores e monitores. Por outro lado, um perfil ausente para um arquivo sRGB seria indetectável para um grande número de pessoas.
Como incorporar o perfil
A incorporação do perfil em imagens geralmente é apenas uma questão de marcar uma caixa ao exportar a foto. Se tal opção não existir, o padrão será o espaço de trabalho predefinido do programa ou será sRGB para saída específica da web.
Se você quiser verificar a cor de suas imagens da web antes de publicá-las, abra-as diretamente em um navegador (de preferência um confiável como o Chrome) e veja como elas se comparam ao original em seu programa de edição de fotos. Tenha um pouco de cuidado ao enviar imagens para plataformas que removem o perfil, embora normalmente não sejam sites de galerias de fotos.
![](https://cdn.photo-secret.net/2774301/How_to_Choose_the_Right_Color_Profile_For_Sharing_Images_Online_4.jpg.webp)
A incorporação ou remoção de perfis geralmente requer apenas que você marque ou desmarque uma caixa ao salvar. Este é o painel “salvar como” no Photoshop.
Convertendo para Perfil
Você pode usar “converter para perfil” no Photoshop para criar uma imagem sRGB, que é a escolha de espaço de cores mais segura para a web. Certifique-se de não substituir o arquivo original e salvá-lo dessa forma, porque espaços de cores maiores são uma escolha melhor para saídas como impressão a jato de tinta.
Não use “atribuir perfil” para conversão de perfil, pois isso causa uma mudança de cor e não se destina a esse propósito.
![](https://cdn.photo-secret.net/2774301/How_to_Choose_the_Right_Color_Profile_For_Sharing_Images_Online_5.jpg.webp)
Usar “atribuir perfil” no Photoshop para converter entre perfis causará uma mudança de cor. A cor na imagem direita acima ficou sem brilho como resultado da atribuição de um perfil sRGB a uma imagem Adobe RGB. Você deve usar “converter para perfil” se quiser criar uma versão sRGB de sua foto para a web.
Por que monitorar o gamut é importante
O gerenciamento de cores precisa de pelo menos dois perfis para funcionar (perfil de imagem e perfil de monitor, neste caso). Se você publicar imagens sem perfis incorporados, estará contando com o navegador do visualizador para adivinhar o espaço de cores corretamente.
Quando o gerenciamento de cores está ausente do navegador ou aplicativo por qualquer motivo, as seguintes afirmações são verdadeiras:
- Uma imagem Adobe RGB parece aproximadamente correta em uma exibição de gama ampla.
- Uma imagem Adobe RGB parece sem cor em uma exibição de gama padrão.
- As imagens sRGB parecem aproximadamente corretas em uma exibição de gama padrão.
- Uma imagem sRGB parece supersaturada em cores em uma tela de gama ampla.
Observe que uma imagem Adobe RGB sem um perfil incorporado parece silenciada na maioria das situações e deve ser evitada. Os navegadores adivinharão que o espaço de cores é sRGB, se for o caso.
O gráfico acima mostra a diferença entre um monitor Dell de gama padrão (contorno colorido) e o perfil sRGB (contorno pontilhado). Mesmo em um monitor de área de trabalho comum, algumas cores provavelmente excederão o espaço de cores sRGB e parecerão muito saturadas quando visualizadas em navegadores da Microsoft.
No monitor acima, são os vermelhos que são mais exagerados nessa situação. Se você não fez o perfil de seu monitor ou se a gama da tela está contida por sRGB, você não encontrará isso.
Comportamento do navegador 2022-2023
Para entender os perfis de cores, é útil saber como os diferentes navegadores se comportam com as cores. Testei cinco navegadores para este artigo para dar uma ideia do que esperar. Sinta-se à vontade para perguntar se você acha que alguma dessas observações está errada:
Google Chrome
O Chrome é um navegador totalmente gerenciado por cores que atribui sRGB a quaisquer imagens "não marcadas" (ou seja, aquelas sem perfis incorporados). Ele lê todos os perfis incorporados.
Ópera
O Opera é um navegador com gerenciamento de cores que assume automaticamente as fotos como sRGB se o perfil estiver ausente. Como o Chrome, ele lê todos os perfis, incluindo Adobe RGB ou ProPhoto RGB.
Firefox Quantum
Você pode configurar o Firefox para atribuir sRGB a qualquer foto não marcada. Ele lê todos os perfis de cores incorporados.
Se você executar dois monitores, o Firefox não manterá o gerenciamento de cores completo em ambos. Para obter a cor ideal, você deve discar em um perfil de monitor e, em seguida, ficar com esse monitor. Isso se aplica apenas se seus monitores tiverem perfis personalizados.
Microsoft Edge / Internet Explorer
O Microsoft Edge tem uma solução incompleta para o gerenciamento de cores. Ele lê perfis de cores diferentes e converte tudo em sRGB para exibição. O principal problema é que ele não usa o perfil do monitor. Portanto, funciona melhor se o seu monitor não exceder sRGB em gama. Caso contrário, você verá cores rebeldes.
Safari (para Windows)
O Safari pode ler perfis em imagens e usar o perfil do monitor (ao contrário do MS Edge ou MS IE), mas não atribui um perfil a uma imagem se estiver faltando um. Nessa situação, ele exibe as cores incorretamente como o Microsoft Edge faz.
No Photoshop, você pode usar cores de prova “Monitor RGB” para mostrar como a foto ficará no Internet Explorer em seu próprio monitor. Você precisará converter a imagem para sRGB primeiro. Se as cores parecerem mais brilhantes do que sem a prova, isso significa que a gama nativa do seu monitor excede o perfil sRGB.
Um segundo experimento é visualizar as cores de prova de uma imagem Adobe RGB ou ProPhoto RGB usando “RGB padrão da Internet”. Isso mostrará a aparência das fotos em espaços de cores maiores na Internet, se você omitir o perfil.
Escolhendo sRGB para a Web
O motivo pelo qual sRGB é uma escolha mais segura de espaço de cores para a web é que a maioria das telas ou monitores não são de gama ampla. Assim, se o perfil se desviar ou for removido, ou se um dispositivo ou aplicativo não for compatível com o gerenciamento de cores, a cor ainda terá uma boa aparência. É nisso que os navegadores da Microsoft dependem para funcionar.
Se você quiser que a cor de suas fotos pareça "boa" para o maior público possível, você só precisa fazer duas coisas:
- Certifique-se de que a imagem esteja em um espaço de cores sRGB usando-a como seu espaço de trabalho ou convertendo para sRGB antes de enviar para a web.
- Incorpore o perfil sRGB à imagem antes de salvar.
![](https://cdn.photo-secret.net/2774301/How_to_Choose_the_Right_Color_Profile_For_Sharing_Images_Online_8.jpg.webp)
O "Salvar para a Web" do Photoshop permite que você converta para sRGB no último momento, marcando uma caixa. Se você deixar a caixa desmarcada, a foto será salva em qualquer espaço de cor em que você a editou. Você não pode remover o perfil com esta caixa de seleção: é puramente para conversão.
Outras opções: Adobe RGB e ProPhoto RGB
Como a maioria dos navegadores populares agora são conhecedores de cores, existe a possibilidade de usar outros espaços de cores na web. Você poderia, por exemplo, publicar fotos com um perfil Adobe RGB ou ProPhoto RGB incorporado, e elas ainda teriam uma boa aparência para a maioria das pessoas. Para uma minoria, eles teriam uma aparência melhor.
A cor de monitores de gama ampla normalmente excede Adobe RGB em alguns lugares. Portanto, existe teoricamente uma razão para publicar fotos no ProPhoto RGB. No entanto, isso é compensado pela cor terrível que resulta quando os perfis estão ausentes ou são ignorados. É um risco alto.
Adobe RGB é uma perspectiva interessante para a web porque ainda beneficia os usuários de monitores de gama ampla. É importante ressaltar que ele não parece tão ruim quanto o ProPhoto RGB quando as coisas dão errado. No entanto, se você publicar em Adobe RGB, ainda o fará para um público relativamente pequeno.
Se você usar esses espaços de cores de gama mais ampla para a web, você com certeza devo incorporar o perfil. Assim que isso se perder, a cor das suas fotos parecerá um pouco sem graça para muitas pessoas. No caso do ProPhoto RGB, é provável que tenha uma aparência horrível.
Este diagrama 3D (acima) mostra o perfil sRGB englobado pelo perfil de um monitor de gama ampla. Em particular, você notará a grande variedade de cianos e verdes no último.
A ideia de usar espaços de cores maiores na web é atraente, especialmente se você for um fotógrafo de paisagens para quem essas cores costumam ser truncadas. Isso significa que você usará mais os recursos da sua câmera. No entanto, é inerentemente mais arriscado e você estará tocando para um público relativamente pequeno. A escolha segura ainda é sRGB.
Em suma
Embora os navegadores modernos sejam mais flexíveis, o sRGB ainda é a escolha mais segura de espaço de cores para a web. Novamente, isso ocorre porque ele corresponde aproximadamente à gama da maioria dos monitores eletrônicos. O uso de espaços de cores maiores corre o risco de esgotar as cores de suas fotos, especialmente em tablets ou smartphones que podem não ter gerenciamento de cores.
Espero que isso tenha sido útil. Sinta-se à vontade para fazer perguntas se precisar de algum esclarecimento.