Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

JPEG Header image color not consistent

across browsers and systems

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

New User

10+ Year Member

joined:Jan 17, 2007
votes: 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?

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 4, 2002
votes: 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

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

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 4, 2001
posts: 2231
votes: 38


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.


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

New User

10+ Year Member

joined:Jan 17, 2007
votes: 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.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members