JPEG Header image color not consistent

Forum Moderators: not2easy

Message Too Old, No Replies

JPEG Header image color not consistent

across browsers and systems

mwstrick

2:58 pm on Oct 10, 2007 (gmt 0)

I have a website whose background color is 33CC00. I made the header graphic in photoshop with the same background color. On my two systems at home the graphic displays properly and blends with the background. At home I am testing with IE 6.0, FF 2.0, and Opera v.9 .

At work IE 6.0 displays the header graphic with a darker green, different from the 33CC00 that is on the rest of the site.
The same thing happened on the Mac's I tested the site on at the Apple store.

What gives? Why wouldn't the jpeg display the same color across systems?

limbo

3:17 pm on Oct 10, 2007 (gmt 0)

Hi mwstrick

Welcome to WebmasterWorld [webmasterworld.com] :)

This could be your colour space - are you using CMYK in Photoshop? If so you need to switch to RGB

Marshall

3:25 pm on Oct 10, 2007 (gmt 0)

mwstrick,

I find the safest thing to do is make a 10px square background image of the same color you are trying to blend with in the same program you made the image itself. This way it will be consistent. Not all browsers display RGB the same, surprise, surprise.

Marshall

mwstrick

4:15 pm on Oct 10, 2007 (gmt 0)

@limbo - Thanks for the welcome. Longtime listener, first time caller.
Nope I'm using RGB (the sRGB color profile)

@Marshall - I didn't get what you were saying at first, but I do now. Instead of specifying a color using CSS or html, use a background image generated in the same program as the header image. I have adsense on this site and I am afraid that if I did it this way, then it would be the part that wouldn't match the rest of the site.

Also, I have some .gifs that I am displaying on the site(with 33CC00 backgrounds) that were made in the same program. They display fine across all systems and browsers. It must be the browser support for jpegs is different. I thought using a websafe color would keep me from having this problem.

If I can't some up with another solution I'll try and see if that background image fix matches the gif/adsense colors.