CODEWITHSUNDEEP
cssimagefirefox
Matt Zelenak
Matt Zelenak

Reputation: 261

Images Have Strange Tint Only in Firefox

I am having an issue with Firefox rendering a few of the .png's that I have loaded into a Wordpress blog that I am preparing for a client. The images look fine in IE 8 & 9, and chrome, but it looks very off in Mozilla. I was informed by our other UX guy that Firefox complies with embedded color profiles that may warp the tint of your image. You can view the tint shift by going to :

http://blog.hendrickspower.com

If anybody has any idea of how to over ride the color profile, I'd definitely appreciate the heads up!

Thanks

Here is an image that shows the difference that I am seeing.

alt http://s11.postimage.org/jbnzek4g3/color_embed.jpg

Upvotes: 4

Views: 212

Answers (1)

Wladimir Palant
Wladimir Palant

Reputation: 57651

The difference in rendering is due to an ICC color profile embedded in the image. When Firefox finds a color profile it will combine it with the color profile of the display and adjust image rendering accordingly. This will normally make sure that the image is displayed the same on different displays. However, it might also cause undesired effects if the display profile is incorrect.

At least Windows 7 allows you to calibrate display colors. Not sure whether this feature was also present in earlier Windows versions but they definitely allowed selecting a color profile file in the advanced display settings - you could replace the driver-supplied profile by sRGB.

If you absolutely don't want different image display on different computers then you should just remove the color profile from the image with a tool like jStrip and pngcrush.

Upvotes: 1

Related Questions