Another great tip floating around the office mail.
Not sure if anyone else has noticed this problem in photoshop, but whenever I save for web, there is a color shift resulting in the end file to be slightly brighter than the colors in my PSD. This can be problematic especially when creating slices with specific color hex codes during production… there is always the possibility of your slices’ coloration being slightly different from your original PSD (had this a lot with dell swarm, where the greys refused to match up in the final site).
The Fix
After a bit of digging around, I found the solution to this
here: It seems to have fixed the problem. I recommend designers to make this setting correction now if they haven’t already done so… it will solve potential problems during production in the future. I’ll even copy and paste the steps here for easier reference:
Step 1: Color Profiles
Color profiles define how Photoshop interprets the raw color data in your files. That’s right: That means they change how you see the colors. This kind of precision is great for photography and print design, but it’s got to go if we’re making a website. With no images open, go to Edit / Color Settings. We’re going to essentially turn off all this profile nonsense by changing the top drop-down to Monitor Color. Let’s uncheck “Ask When Opening” while we’re at it….from now on, when you open an image that has a color profile, Photoshop will give you a brief heads-up that we’re tossing it out.
Step 2: Proof Setup
Now, let’s go up to View / Proof Setup / Monitor RGB. This is to make sure Photoshop won’t be showing you skewed colors on your nice new profile-less images. A note, though: If you’re on a Mac/PC and want to see how an image is going to look on the other’s default gamma setting, you can come back here and test using “Windows RGB” or “Macintosh RGB.” Just remember to switch it back, or you could accidentally be designing in (shudder) PC mode.
Step 3:
After all this hard work, Photoshop still wants to sneak color profiles into your images. Most web browsers ignore them, but new Safari and Firefox builds DON’T, and IE can be set to work with them too. This can result in the weirdest cross-browser headache yet, so we need to make sure the colors we save out are sans profile. Thankfully, it’s an easy fix: Open up any image on your machine and File / Save For Web. Next to the Preset option, there’s a sneaky little arrow…click it and uncheck “Convert to sRGB.” (Note: From what I can tell, this is only the default setting in CS3)
And that’s it! Your green pear will now stop looking like a muddy pear every time you save for web.
Dell Swarm has just won “Best Use of the Digital Landscape” at the Festival of Media Awards in Valencia Spain. This is a very prestigious award up against some very stiff (big spending) global competition.
