jpg displaying differently in Firefox and IE

Question

I've recently been working on a website that uses a mix of png and jpg files. I used a few jpgs because of size issues. Everything was working great, until I tested it in IE. In all versions of IE that I tested it in, the jpgs were lighter, and the colors didn't match with my pngs.

Firefox:

IE:

As you can see, this is a bit of a problem. Is there a way to correct this? I can't seem to find much information on why this is happening. If it makes any difference, I used GIMP 2.6 to export all my images.

Answer 1

Try to look at JPEG export properties in GIMP. Maybe it assign a color profile to your image, but IE (or Firefox) ignores it?

Color profile

Many JPEG files embed an ICC color profile (color space). Commonly used color profiles include sRGB and Adobe RGB. Because these color spaces use a non-linear transformation, the dynamic range of an 8-bit JPEG file is about 11 stops. However, many applications are not able to deal with JPEG color profiles and simply ignore them.

Answer 2

Your application should offer you a "weight" option or similar when exporting JPEGs, giving four choices, a global one plus red, green, and blue. Try setting that to the global one.