mezzoblue: Shifting Back

By Will, at 04:04:12 on 2007-06-23.

2007-06-23T04:04:12-08:00

@Jeremy - not exactly. Different browsers will treat images/photos in different ways.

I'm a photographer, and when putting pictures online, especially black and white I've always noticed that different browsers and profile settings cause various shifts.

The same applies to web design graphics. I have enough experience to have noticed issues going to between mac/pc and the various ways things are saved.

For you PNG people out there.
http://www.shealanforshaw.com/gammaslamma-11-update-now-available/

By Song, at 13:09:06 on 2007-06-27.

2007-06-27T13:09:06-08:00

I have experienced a similar situation. Thanks for the posting. I will blog it and share with my friends at work.

By Lucian Marin, at 01:31:17 on 2007-07-04.

2007-07-04T01:31:17-08:00

I don't understand why people consider PNG as a viable format for web design. It isn't supported well in, even now, popular IE6 and has different implementations in the others browsers.

PNG has a good benefit when it comes to images with few colors, like icons, illustrations, etc. But for web design it still recommended to utilize the JPEG/GIF conjunction since this has a better effect in speed and usability.

I don't wanna use 3 applications just to save an image in PNG format that looks well in all browsers. Maybe this makes me an old-school designer :)

By Dan, at 04:23:08 on 2007-07-07.

2007-07-07T04:23:08-08:00

colormanagement is a sience at its own. i deal with colormanagement over 10 years and saw many things that work but more that don´t work.

for me the best way is first to convert the design in CMYK, if you make sites for customers you allways have to pay attention on their corporate identity and surely their colors. most of the sites are a part of cross-media and so the colors of the website must match mostly to the printed products. one advantage of this is, that the RGB-Color-Area is much bigger than the CMYK and to convert all to CMYK, your Area would be much smaller and match better in RGB.

After that i mostly try to convert it to "web-secure-color-space" and if the results are not good i convert it to Adobe sRGB. For the endresults i don´t use any profiles, like Dave mentioned there are no browsers at time which support colorprofiles.

By David Storey, at 10:25:15 on 2007-07-17.

2007-07-17T10:25:15-08:00

Thankfully the CSS3 color module should solve this problem as it has added the color-profile property, as well as rendering-intent and @color-profile from SVG. It's not much help right now as no browser supports this, as far as I know. The default value for color-profile is auto, which means profiles in images are respected, so in this respect only Safari is correct here. Setting color-profile: sRGB; will make all content including the images use the sRGB ICC profile, once it is supported in browsers.

Currently I've not heard much demand for color-profile yet, an as no other browsers support its, it's not at the top of my CSS3 priority list for Opera. If there is enough demand we'll look into it further. Currently the other CSS3 properties that have an existing implementation, such as border-radius, multiple background images and border-image have been requested much more.

By Paul Collins, at 03:44:22 on 2007-07-30.

2007-07-30T03:44:22-08:00

Thanks heaps for that article Dave, that has solved my problems. I had found other articles that recommend converting to sRGB, but this didn't seem to change anything for me.

Thanks again.

By dudu, at 01:01:20 on 2007-08-14.

2007-08-14T01:01:20-08:00

Btw, Photoshop CS doesn’t have Edit > Convert to Profile nor Edit > Assign Profile options. All I did was choosing Color Settings and setting the default RGB space to “Monitor RGB”. I’ll have to check out how it works in CS3 though.

By hcabbos, at 07:35:15 on 2007-08-16.

2007-08-16T07:35:15-08:00

I've been using the suggestion in this article for a few years now and it's worked very well. However, I made the jump from CS to CS3 and my process somehow broke. After converting to my display/RGB profile, my colors would shift once I was in the Save for Web dialog window. It turns out there's a drop down in the window that's on by default which converts your file to sRGB. Depending on your color workflow, disabling this brings back consistency in the transition from Convert to Profile and the Save for Web window.

By javier, at 03:06:35 on 2007-09-12.

2007-09-12T03:06:35-08:00

If I want that my web load more quickly, what can I do? PNG is more big size than JPG!!

By David, at 15:04:21 on 2007-11-01.

2007-11-01T15:04:21-08:00

Wow! I can't believe how well this method works! I design on a Mac and used to transfer any documents to my PC in order to do color correction (Image > Adjustments > Auto Levels) after using "Save for Web" because the colors were so washed out.

This looks even better without over darkening in photographs! Now I'm feeling bad for my clients for not finding this sooner ;)