This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Firefox is not reproducing the colors of a JPG correctly (IE is fine)

  • 1 reply
  • 2 have this problem
  • 7 views
  • Last reply by cor-el

klmyers@klmimages.com
klmyers@klmimages.com
more options

I'm designing a website, so I care about this. The problem is the display of a critical background on the site which is based on a smoothly dithered JPG image.

I have 4 test cases for this particular dithered jpg image: 1) Win 7 64-bit Firefox (v5.0 - most recent) 2) Win 7 64-bit IE (v9) 3) XP SP3 32-bit laptop Firefox (v5.0 - most recent) 4) XP SP3 32-bit laptop IE (v8)

Only case (3) has an issue.

The dithered JPG image runs from #336633 (top) to #669933 (bottom) - a dithered range of greens. When opened directly from the laptop in the browser (file/open), it displays differently only in case (3). In all other cases, color-pixel tools (e.g., Instant Eyedropper) identify the top and bottom colors correctly as #336633 and #669933. For case (3), the colors are identified as #227B37 and #52B833.

There is another area of the same website page that uses the image which is set via CSS to #669933, and it displays properly.

When this JPG is opened directly in various other image viewing tools on the laptop, it is correct. Only case (3) is different.

This is so bad I will have to drastically change the website design. Before I do so, can you advise me in any way about what is going wrong?

I'm designing a website, so I care about this. The problem is the display of a critical background on the site which is based on a smoothly dithered JPG image. I have 4 test cases for this particular dithered jpg image: 1) Win 7 64-bit Firefox (v5.0 - most recent) 2) Win 7 64-bit IE (v9) 3) XP SP3 32-bit laptop Firefox (v5.0 - most recent) 4) XP SP3 32-bit laptop IE (v8) Only case (3) has an issue. The dithered JPG image runs from #336633 (top) to #669933 (bottom) - a dithered range of greens. When opened directly from the laptop in the browser (file/open), it displays differently only in case (3). In all other cases, color-pixel tools (e.g., Instant Eyedropper) identify the top and bottom colors correctly as #336633 and #669933. For case (3), the colors are identified as #227B37 and #52B833. There is another area of the same website page that uses the image which is set via CSS to #669933, and it displays properly. When this JPG is opened directly in various other image viewing tools on the laptop, it is correct. Only case (3) is different. This is so bad I will have to drastically change the website design. Before I do so, can you advise me in any way about what is going wrong?

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Do the images have an embedded color profile?

This can be caused by a problem with the color profile for your display monitor or color profiles embedded in images.
You can disable color management to test that.
You can set the pref gfx.color_management.mode to 0 on the about:config page to disable Color Management.
You need to close and restart Firefox to make the change effective.

See: