Alex Rivera | Logout

Why does this PNG file look different depending on the browser?

Asked 2011-11-21T01:47:35.827
11

If you take screen shot this web page in different browser, you'd see that it displays slightly different in firefox. (7.01, ubuntu)

At first I thought it was because of color profile, but even if I turned on color management in firefox, the problem is still there.

Although it's not a very noticeable problem, I got a perfectionist boss who asked to make it look exactly the same in every browser. Does any one know what might have caused the problem? Thanks!

blue image

A screenshot of comparison : You might still not be able to see the difference, but if you download the screen shot and use an image editor to check the color in 2 browsers, you'd see there's indeed differences.

Screenshot of the colour difference

colors cross-browser png
Edit
Report

1 Answer

1

Is the gamma correction. PNG format has an option to store a gamma correction value, so the image will look the same in monitors with different gamma correction. The problem is that some browsers use this information an others don't.

The following image has gamma correction on, and will look the same in every browser, but it can give you problems in firefox if you want the image color to match html and css colors: image with gamma correction

answered 2011-11-21T19:41:25.800

Your Answer