homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

JPEG Header image color not consistent
across browsers and systems

 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?



 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


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


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)

@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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved