PNG exibe de forma diferente no Firefox


2

Atualmente estou trabalhando em um site com algumas cores brilhantes. Estou tentando implementar uma sobreposição perfeita em cima de algumas imagens, para dar a sensação de que o fundo está fluindo sobre a imagem, no entanto, por algum motivo, o Firefox não renderiza minhas imagens .PNG como a cor que eu fiz los no Photoshop.

Eu tentei isso com a mesma configuração de página / imagem no SRWare Iron e no Internet Explorer 8, que os exibem corretamente.

O único remédio que encontrei até agora é a mudança para .GIF, que renderiza a cor corretamente em todos os três navegadores, mas não posso usar nenhum efeito adicional (como sombra projetada, que eu preciso). Eu também estou usando uma grande folha de sprite, então, para poder manter tudo em uma imagem, é preferível.

Existe uma configuração de cores que estou faltando para que isso funcione corretamente, ou eu vou ficar preso com .GIF?

Uma foto com três versões diferentes (abaixo):

insira a descrição da imagem aqui

  • Firefox / .GIF (sombra projetada não foi renderizada corretamente)
  • Firefox / .PNG (sem sombra)
  • SRWare Iron / .PNG (sombra projetada)

Respostas:


1

Do site da Mozilla:

Isso pode ser causado por um problema no perfil de cores do monitor ou nos perfis de cores incorporados nas imagens. Você pode desativar o gerenciamento de cores para testar isso. Você pode definir o pref gfx.color_management.mode como 0 na página about: config para desativar o Color Management. Você precisa fechar e reiniciar o Firefox ou até mesmo reiniciar o computador para tornar a mudança efetiva.


Alterar essa configuração funcionou para mim e, aparentemente (eu não verifiquei até agora), no Firefox no OS X ele exibe corretamente sem editar a configuração. Eu suponho que não há como forçar essa configuração no carregamento da página? Não posso pedir a todos que visitam meu site para alterar essa configuração, infelizmente.
John

Não que eu saiba, desculpe.
Everett
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.