Link to home
Start Free TrialLog in
Avatar of fatfe
fatfe

asked on

Web Graphics look fine on Macs terrible on Windows

I have a web image I created in PS with its original resolution being 200dpi.  When I Save For Web as a JPG or GIF I get this color distortion ring around the outside of it.  At first I thought it was the drop shadow but removing it did nothing. The thing is only Windows machines show this.  Everything is fine on Macs (what I'm using).  Though GIF's do show less of this it still bothers me.  I think I had this problem once years ago (and never since) but don't remember what's happening.  Can anyone shine some light?  Here is where you can view the graphic.

http://www.arocketsenttoyou.com/new/

Thanks  \m/
Avatar of fatfe
fatfe

ASKER

Well here is a screenshot of what it looks like..

http://www.arocketsenttoyou.com/new/screenshot.jpg

My question is could it be the color depth being 16 instead of 32 that's doing this?  If so, how can I check in PS to make sure this doesn't happen?
Avatar of fatfe

ASKER

Okay,  so I bumped the monitor bit depth up to 32 bits and it looks fine.  So now my question is how in PS do you check your graphics look good under 16 bits?
Avatar of fatfe

ASKER

edit:  So now my question is how in PS do you check your graphics to ensure they look good under 16 bits?

(would be nice if you could edit your posts)
ASKER CERTIFIED SOLUTION
Avatar of weed
weed
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Better,first decide the useofgraphics and choose the appropriate mode (32/16/8 bit).

If you design on a specific mode and applied on different modes, it is distorted because of the color range variation. Do not (probably NEVER) use jpg format if you guess it would be seen on different color depths because jpg is the highly compressed data matrix that is specific to the originated color depth. Solution: use gif format.

To have better view for 16 bits be aware of the dithering as 'weed' says.

Another efficient way to reduce distortion on web graphics is to design them on high resolutions and producing them later on required resolution and size.

anShu, 28 Apr
Avatar of fatfe

ASKER

Thanks for the comments guys.  I created the image in 8bit-RGB.  It just doesn't sit well that the background color of the html page (#575A4A) which is sampled from the image looks fine yet the image border is quite obviously off.  I'll stay away definitely from the dither and use the gif format for this.

Is there a way in PS to toggle between different simulated bit depths to see what the effects will be?
ALWAYS USE WEB SAFE COLORS WHILE WORKING FOR WEB COMPONENTS.
Geez no. Web safe colors are a COMPLETE misnomer. They are NOT "safe". You can completely ignore the web safe color palettes because theyre all interpreted differently depending on which browser youre using. Even lynda of lynda.com doesnt prescribe using web safe colors and she's the premier web design guru of the western world.
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial