Como garantir a reprodução de cores adequada nos navegadores em telas de ampla gama?

Ao editar para a web, todos recomendam o uso do sRGB, pois muitos navegadores não oferecem gerenciamento de cores e a maioria dos navegadores interpreta todas as imagens como sendo sRGB de qualquer maneira.

Isso é correto para navegadores usados ​​em telas normais de gama, que vivem no sRGB.

Agora insira exibições de ampla gama. Eles vivem no espaço de cores do AdobeRGB e, para minha decepção, em uma ampla gama de navegadores de exibição sem gerenciamento de cores, os dados de imagem também serão interpretados como no espaço de cores do AdobeRGB. O que acontece se os dados da imagem sRGB forem interpretados como AdobeRGB? As cores estão apagadas, muito fortes, parecem berrantes.

O problema ainda continua ao usar um navegador com gerenciamento de cores como o FireFox, mas visualizando imagens sem perfil incorporado: as imagens serão interpretadas como AdobeRGB em vez de sRGB.

Resumindo: desde que recebi minha ampla gama de exibição, o flickr parece horrível.

Alguma idéia de como faço para que meus navegadores (Internet Explorer e FireFox) usem sRGB em vez de AdobeRGB para reprodução de cores como padrão?

Estou usando o Windows 7.

O engraçado é que quando eu baixa as imagens para a unidade local e uso um visualizador de arquivos para visualizá-las, a cor é corretamente interpretada como sRGB.

Infelizmente, não há nada que você possa fazer que seja prático. Para obter o que deseja, você deve definir o perfil do sistema como sRGB.

O comportamento da representação de cores da imagem para imagens sem perfis anexados é indefinido. Os navegadores não imaginam em que espaço de cor uma imagem está, se nenhum perfil estiver anexado. O sistema operacional lida com isso.

A maneira correta de obter a reprodução de cores corretamente é anexar um perfil à imagem. Obviamente, o flickr (e as miniaturas de contrabandistas) não oferecem essa opção.

Então você tem duas opções: uma, defina janelas para usar o sRGB como o perfil do seu monitor; todas as imagens sem etiqueta parecerão sRGB, mas as imagens marcadas parecerão uma porcaria e seu gerenciamento de cores será um maluco.

Ou apenas lide com o fato de que imagens não gerenciadas são o diabo e não há nada que você possa fazer sobre isso.

Talvez exista um plug-in do firefox que possa anexar automaticamente um perfil de cores, mas fora disso, é apenas uma simples e antiga porcaria conhecida como gerenciamento de cores.

Eu tive que lidar com esse mesmo problema com o Smugmug. Todas as minhas imagens anexaram perfis sRGB, então elas ficam ótimas (em navegadores gerenciados por cores), mas as miniaturas parecem super saturadas. Isso ocorre porque os polegares são gerados automaticamente e o contrabandista se recusa a anexar um perfil de cores a eles, porque dobra o tamanho da miniatura. Portanto, os polegares renderizam da maneira que o SO decidir renderizá-los.

Eu tive exatamente o mesmo problema e é possível chegar a uma solução correta e viável . Existem muitos conceitos errados na pergunta e nas respostas anteriores (e, de fato, no gerenciamento de cores em geral), então deixe-me tentar esclarecê-las e fornecer uma resposta.

Primeiro, os equívocos ...

1. Monitores comuns (não amplos) não "vivem em sRGB", nem exibições de ampla gama "vivem em AdobeRGB". O sRGB e o AdobeRGB (junto com o ProPhoto RGB) são conhecidos como perfis de trabalho : eles não correspondem a nenhum dispositivo do mundo real, apenas fornecem um conjunto padrão de medidas que todos os dispositivos podem ser programados para entender. Todo monitor (e toda impressora) tem seu próprio perfil e, de fato, esse perfil pode mudar com o tempo à medida que os produtos químicos na tela envelhecem. O perfil de um monitor individual pode ter um alto grau de sobreposição com um dos perfis de trabalho padrão, mas é incorreto dizer que corresponde exatamente ou até se encaixa completamente nele. Isto'

2. Você nunca deve definir o perfil de sua exibição como um dos perfis de trabalho (porque esse não é o perfil!). A solução correta é usar um dispositivo de calibração para descobrir o perfil correto do seu monitor e usá-lo.

3. Os navegadores não são a única fruta: você deseja garantir que o seu monitor tenha um perfil de tal forma que outros aplicativos de imagem (Photoshop, Lightroom, qualquer que seja) também exibam cores fielmente.

4. Não é algo que você pode fazer em relação a imagens não gerenciados em navegadores (algumas outras respostas toquei nele). Vou abordar isso em detalhes abaixo.

Um guia aproximado de como os perfis interagem quando você visualiza uma imagem em seu monitor

Em um mundo ideal, não um, mas dois perfis entram em cena ao visualizar uma imagem . O primeiro é o perfil incorporado na imagem: vamos chamar de perfil de entrada . Lembre-se de que as imagens digitais são compostas de pixels, cada um contendo uma combinação de vermelho, verde e azul. Portanto, para um quadrado vermelho comum, cada pixel é definido como 100% vermelho, 0% verde e 0% azul. Mas o que queremos dizer com 100% vermelho?É como ver uma placa no lado da estrada dizendo "Agora você pode dirigir na velocidade máxima". Qual velocidade máxima? Tão rápido quanto o carro vai? O sinal não diz, então a velocidade real vai variar de carro para carro. O que o perfil de entrada nos diz é a que valor esse 100% é relativo: para uma imagem marcada com um perfil incorporado, seu computador agora sabe que "100% vermelho" significa o valor máximo de vermelho definido por esse perfil específico. (Para concluir a analogia, nosso sinal de trânsito agora diz: "Limite máximo de 70 km / h. Agora você pode dirigir no máximo.")

Assim, uma vez que uma imagem é marcada com um perfil incorporado , sabemos exatamente o que precisamos exibir : exatamente qual tom de vermelho, amarelo ou qualquer outra coisa. A próxima pergunta é: como a exibimos? Observe a mesma imagem em alguns computadores diferentes (ou apenas no seu computador e no seu telefone) e verá que não há dois monitores exibindo cores exatamente da mesma maneira. É aqui que precisamos calibrar nosso monitor para produzir um perfil de exibição - o perfil de saída - que nos diz exatamente como esse dispositivo específico produz cores. Agora, temos as duas informações necessárias:

• Perfil de entrada: O que essa imagem significa quando diz "vermelho"?
• Perfil de saída: Como faço para que esse hardware exiba (o mais próximo possível) esse tom de vermelho?

E se a imagem não estiver marcada? Para todos, exceto o mais especialista em uso, é seguro assumir que uma imagem não marcada está usando o perfil sRGB.

E agora, para responder sua pergunta

O primeiro passo com qualquer monitor - mas especialmente importante com uma ampla gama de cores - é calibrar corretamente o monitor . Isso requer o uso de um calibrador: uma peça de hardware que fica sobre a tela e faz leituras de cores enquanto exibe uma série de imagens de teste, para determinar quais cores o monitor está realmente exibindo. Para uma tela ampla, é necessário garantir que você use um calibrador adequado: eu uso um Spyder Pro 3 e ele funciona bem.

Depois de calibrar o monitor, você deve descobrir que qualquer aplicativo gerenciado por cores agora está exibindo cores fielmente. Antes da calibração, meu monitor de gama ampla exibia tudo hiper-saturado: os tons de pele eram vermelhos como tomate e o Photoshop e o Lightroom eram inutilizáveis. Após a calibração, ambos pareciam perfeitos. Portanto, use um aplicativo gerenciado por cores para testar sua calibração.

E agora para os navegadores! O Firefox é o único navegador que funciona bem para mim em uma tela ampla e calibrada. Por padrão, ele usa o perfil de cores incorporado nas imagens para exibi-las corretamente, mas as imagens sem marcação ainda aparecem saturadas demais. Mas não se preocupe, nem tudo está perdido!

• Digite about: config na sua barra de endereço.
• Role para baixo e procure por gfx.color_management.mode .
• Mude o valor para 1 .

Isso faz com que o Firefox trate todas as imagens não marcadas como sRGB : exatamente o que queremos que aconteça. Até funciona em ícones na sua barra de favoritos! Infelizmente, ainda não funciona em players de vídeo flash.

O Safari e o Chrome também são gerenciados por cores, mas ambos têm suas desvantagens. O Safari (pelo menos no Windows) não trata imagens não marcadas como sRGB; O Chrome sim, mas seu gerenciamento de cores está desativado por padrão e é complicado para ativar .

No momento da redação, o Opera não possui gerenciamento de cores e o IE9 é absolutamente idiota: respeita o perfil de entrada (aquele incorporado na imagem), mas ignora o perfil de saída da tela ! Isso torna o IE9 tão bom quanto inútil em uma tela ampla.

Então: calibre + use o Firefox + defina gfx.color_management.mode como 1 = você é bom. :)

Provavelmente, essa é uma pergunta semelhante a esta: as exportações do Lightroom estão muito escuras no Flickr . Eu tenho dois monitores de gama ampla (desktop, laptop). Você pode experimentar as versões mais recentes do Firefox, mas eu não prendi a respiração. Há um ano, eu andava e relatava esse problema no rastreador de erros do Firefox (edições 497363 e 509710 ). O gerenciamento de cores no Firefox não é tão fácil quanto ativar uma opção. Os perfis ICC diferem em estrutura e recursos. Alguns de nós com telas de gama ampla notaram que o Firefox não conseguiu interpretar o perfil ICC correspondente corretamente.

Talvez esse problema desapareça se eu usar uma ferramenta de calibração diferente para gerar um perfil ICC diferente ou um monitor com LUT de hardware (ou seja, um que possa se comunicar diretamente com sua ferramenta de calibração e armazenar os parâmetros de calibração em seu hardware). Você pode usar o Inspetor de perfil ICC gratuito para brincar com seu perfil e compará-lo com outro perfil conhecido por funcionar. Aqui está a especificação do perfil ICC . Abaixo está uma captura de tela do meu perfil, veja se há algo em comum com o seu.

Não testei nenhuma versão beta do Firefox desde então, apenas me acostumei a esse problema. Se você tentar uma versão mais recente, eu adoraria ouvir sobre isso. Não ilumine suas fotos e não use o AdobeRGB nas suas fotos do Flickr, mantenha o espaço de cores sRGB adequado para a web.

• Problema no Firefox: 497363 https://bugzilla.mozilla.org/show_bug.cgi?id=497363
• Edição 509710 do Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=509710

As versões modernas do Firefox têm uma configuração para tentar gerenciar imagens sem perfil, bem como imagens com perfil. Você pode entrar em about: config e alterar gfx.color_management.mode para '1'. (O padrão é 2.) Um pouco de pesquisa no Google pode fornecer uma explicação melhor, mas me ajudou a visualizar miniaturas do SmugMug etc.

Ainda não é uma correção em todo o sistema para os vermelhos super saturados do Win7, mas pelo menos meu navegador é sadio.

Acredito que você esteja sem sorte com o IE, embora talvez isso possa ser corrigido no IE 9. Para o Firefox, como você já sabe, existe algum suporte para informações de perfil e você pode obter instruções sobre várias configurações que podem aliviar o problema. você está tendo com isso. Sua outra opção é usar o Safari, que deve reconhecer corretamente as cores.

A opção final, se você realmente pode chamá-lo assim, é mudar o monitor para o espaço de cores sRGB, se ele for compatível.

Nosso próprio jrista parece ser o especialista em cores aqui, portanto, talvez ele entre em contato com uma correção de mais idéias.

Aqui está o estado do gerenciamento de cores no Firefox e no IE a partir de agora (10/11/2010).

Firefox v3.5.x - suporta gerenciamento de cores completo, mas apenas entende perfis ICCv2. Se o seu software de calibração / criação de perfil de exibição suportar a criação de perfis v2 (procure uma opção em algum lugar nas configurações do programa), você poderá conseguir que as imagens sejam exibidas corretamente. Observe que, por padrão, o Firefox usa apenas o gerenciamento de cores para imagens marcadas com um perfil de cores. Como existem muitas imagens sRGB sem etiqueta na Web, você provavelmente desejará configurar o Firefox para gerenciar cores para todas as imagens. A maneira mais fácil de fazer essa alteração é usando a extensão Gerenciamento de cores do Firefox.

FireFox v4 (atualmente em beta) - o FireFox4 finalmente suporta perfis de cores ICCv4, tanto para imagens quanto para o seu perfil de exibição. Os betas atuais são inchados, com erros e lentos, por isso não os recomendo para uso geral, mas pelo menos sabemos que o gerenciamento correto de cores está a caminho.

Internet Explorer 8.x - sem gerenciamento de cores. zip, nada.

Internet Explorer 9 (atualmente na versão beta) - A versão beta pública possui suporte limitado ao gerenciamento de cores, mas não é de uso real em monitores de gama ampla. O IE9 (beta) reconhece imagens marcadas com perfis diferentes de sRGB e as converte em sRGB. Infelizmente, ignora completamente o perfil da tela, o que significa que, se você tiver um monitor de gama ampla, tudo ficará saturado demais. Ainda não se sabe se a MS corrigirá esse comportamento ou se foi uma decisão intencional para melhorar a velocidade de renderização. Se algum de vocês estiver testando o IE9 beta, sugiro relatar esse bug para que a MS saiba que há pessoas insatisfeitas com isso.

Eu tive o mesmo problema. Acho que você descobrirá que, se instalar o Safari, suas fotos do Flickr ficarão bem, pois suportam perfis de cores.