Comments on: What do you do when your colors don’t look right in Safari?

By: u-wit

u-wit — Wed, 20 May 2009 19:09:38 +0000

Safari — unline other browsers — supports color Profile (ICC), that’s why you’re seeing this variation of colur…

By: Leslie Tane Design

Leslie Tane Design — Wed, 20 May 2009 16:23:52 +0000

Interesting, Dave. I can’t think of why that should be since the images above are screengrabs saved with exactly the same settings. I’ll have to get my hands on an iphone and check it out.

By: dave Baxter

dave Baxter — Wed, 20 May 2009 16:19:23 +0000

Am Reading this on a iPhone and all 3 images look identical. None of them look right.

Dave

By: Leslie Tane Design

Leslie Tane Design — Wed, 20 May 2009 14:41:53 +0000

Thank you everyone for your comments. Hugh and John, thanks especially for adding in your knowledge. It’s appreciated.

Sara, you’re right – the type of image I used in the examples should be saved as a gif or a png, but I mocked them up quickly to provide an example. If you’d like to see a case where this came into play for me (actually the reason I had to figure this out in the first place) please check out http://www.fiberfarm.com. The images on the top that “break” the borders are a good example of this in real life.

By: Sara

Sara — Wed, 20 May 2009 14:20:12 +0000

Images like that (large color blocks) shouldn’t be saved as .JPG in any case — this seems to be a solution without a (valid) problem.

By: John

John — Wed, 20 May 2009 14:05:12 +0000

@Andrew:
The PNG and GIF file formats don’t support embedded colour profiles, so no worries there.

Technically, designers should be using the sRGB colour profile in JPEG images for the web – this is a lowest-common-denominator colour space developed by HP and Microsoft to simulate the colour reproduction capabilities of consumer-level computer displays. If Safari sees a JPEG without a colour profile, it assumes sRGB, hence the effect described in this blog post.

By: Justin

Justin — Wed, 20 May 2009 13:56:06 +0000

I noticed it’s when the colour profile is set to ’sRGB’

By: kim

kim — Wed, 20 May 2009 13:56:00 +0000

but if you are using “saving to web” shouldn’t/wouldn’t that solve the problem?

By: Neil

Neil — Wed, 20 May 2009 13:54:36 +0000

Check this write up about it:

http://news.cnet.com/Safari-ushers-in-better-browser-colors/2100-1012_3-6191815.html

By: Alan Bristow

Alan Bristow — Wed, 20 May 2009 13:53:04 +0000

Love this detail — thanks.

I cheat by using Fireworks :P