an All Creative World site
superfetz's picture
5 pencils

Photoshop - Save for web problem!!

Hey people!

I have an odd problem in Photoshop CS3 (infact I've had it in the earlier versions aswell).

When I create something in RGB/GRAYSCALE-mode and I want to use the "Save for web"-function everything gets a bit brighter. I can't seem to match the original colors.

I know it's an issue about color-settings but I've tried almost everything in CS3. It worked for me in the earlier versions but I can't recall how I changed it!

Are there any PS3-experts out there who could help??

I've included my Color Settings.

Thanks a bunch!

/Superfetz

Commenting on this Forum topic is closed.

plugz's picture
1245 pencils

Basically when you create an image in RGB, Photoshop adds a colour profile to the document to keep your colours correct in colour managed applications, however, although you may assume that is safe, the internet isn't colour managed so when you save for web the colour profile is stripped as it's not relevant to browsers and the colours shift slightly.

You need to to go to: Edit>>Colour Setings and change your RGB space to 'sRGB IEC61966-2.1' and that should solve your problem.
All browsers assume an RGB image is sRGB and many formats like GIF and PNG don't support colour spaces so the 'Adobe RBG (1998)' or 'ColorMatch RGB' profile is abandoned suring 'save for web' used hence the colour movement.

If you're on a Mac it can also be worth proofing the image for Windows before you finish too, as the Windows monitor gamma is different things always look darker on Windows monitors, and as over 90% of the web will be viewing it that way it's worth going to View>>Proof SetUp>>Windows RGB to check it out, you can toggle between views by pressing 'Command'+'Y'.

Good luck.

sjohnston's picture
1 pencil

Hi - great response! I've been experiencing the same problem on my mac and have found the same advice across every instance. My problem is...it doesn't solve it for me! My setting were in fact incorrect - default and file profiles were set tp Adobe RGB 1998. Yet, when I change both to sRGB IEC61966-2.1, i'm still experiencing the color shift! So frustrating...do you have any additional advice?

yoya's picture
1 pencil

just uncheck checkbox near sRGB in "Save for Web" dialog

SlowX's picture
44 pencils

I don't see this option. Is it in Photoshop CS2 or CS3?

I have CS2, if that matters.

brooklynx's picture
1 pencil

I was in the same boat, and the fix never did anything, until I finally fiddled with PS enough in a different area by going to View > Proof Setup > Monitor RGB. I'm not sure exactly what it's doing, but it makes the image in the workspace look the same as the save for web version, so I figure that's all I can ask for.

Tobsen's picture
1 pencil

In the save for web dialog there is a litte triangle on the right top of the preview.
Change the selection to document profile or windows. (don't know the exact english names, because I'm running the German version)

malinky's picture
1 pencil

I have been searching for the fix to this problem for two days now and it didn't seem right that it should be so difficult to fix. I was right, it wasn't! THANK YOU! I never even noticed that damn triangle until now...I must have changed the setting by accident one day. Cheers! :-)

ryanrahn's picture
1 pencil

In the save for web dialog, check "ICC Profile" in the Presets in the upper right corner. This should fix your problem.

By the way, this problem only affects those viewing the image on mac, not Windows since windows, and browsers on Windows aren't as picky about colorbalance, and they are much more forgiving when using sRGB.

Also worth noting, a small part of the internet actually IS color balanced. Safari pays attention to ICC profiles while Mozilla-based browsers like Firefox and Camino ignore ICC profiles (even if they're there).

Concerning PC/MAC gamma, if an image has a colorspace, it will appear darker on a MAC and lighter (washed out) when viewed comparatively on a PC and not the other way around.

As an amateur photographer, the Mac/PC/PS colorbalance issue has annoyed me ever since I started posting my photos on the web in digital format. It is just a pain, and there is really no way around it. There is no way to make sure everyone sees correct colors. Maybe if we were all on the same OS with colorbalanced monitors. Dream on.

paul burd's picture
60 pencils

Actually, you're backwards on this. An image will appear darker and have higher contrast on a PC, and lighter (and possibly washed out) on a Mac.

To reiterate... if you color correct your image to look right on a PC, it will look too light and washed out when viewed on a Mac. If you color correct your image to look right on a Mac, it will look too dark and contrasty on a PC.

This is partially because a PC defaults to 2.2 Gamma, and a Mac is 1.8.

Color is also an issue. For example, if you have a color that looks like mustard yellow on a Mac, it will be deep orange on a PC.

If you're working on a Mac, I highly recommend using GammaToggle. It's a real time saver.

Why oh why Apple just won't default to 2.2 is beyond me. Given the fact that video is also 2.2, Apple is just using an oddball setting for no good reason.

paul burd \\ multimedia designer
portfolio \\ weblog

paul burd \\ multimedia designer
portfolio \\ weblog

benjamieson's picture
2 pencils

Mac Resolution:

Step 1: Use ColourSync (Applications/Utilities/ColourSync) to ensure your monitor is set to sRGB

Step 2: Make sure Colour Management is set to use sRGB in Photoshop (North American General Purpose works without necessary amendment)

Step 3: There is no step 3.

**** IMPORTANT:
Files you have saved prior to having these settings in place, will have old profiles assigned to them. Changing them to the new profile will *NOT* mean they are now colour accurate - the translation between the old profile and the new will shift the coulours.

Make sure you convert them to the new profile, AND update the actual colours in the image as necessary.

-------

This set up is what I have found to be the only on that works across the board for Mac installs. It is now standard across workstations within my company.

HTH

dburney's picture
22 pencils

I'm working on a site layout now that is driving me crazy. Both myself and my friend that is coding the site are at a loss as to what is happening to my color. In the PSD the colors render fine - once saved for the web as PNG or GIF, the colors appear fine in PS, Preview and the Finder. If I load the PNG or GIF into Firefox/Camino or Safari the colors get very, very washed out (this is on a mac, not a PC). I've viewed the layout on a PC as well and it does the same thing. We can't figure out what is going on on the browser side of things to make this happen. Check it out if you're interested:

http://picasaweb.google.com/dburney/NewAlbum070807402PM

The image on the left is the PNG as viewed in PS. The rightmost image is the source PSD in PS. The image on the bottom is the same PNG viewed in Firefox. What's crazy is the hex numbers for the colors show up fine in the HTML, ie., when using the colors for type, links, etc., they are correct - only in the images do they wash out (I'm aware of shifts in color between GIFs/JPGS, etc., and that GIFs are the only way to "match" an HTML color exactly - however my point is that the HMTL colors match in the browser what I see in the PSD in photoshop - I've done lots of web sites and I've never run into this dramatic of a shift. Oh, and PS was already set up for sRGB, etc.,on this machine.

arvana's picture
111 pencils

When creating graphics for use on a web page that have to match an HTML hex colour, I always use GIFs, as they don't colour-shift like JPGs can. I don't know about the colour-space technicalities discussed above, but both GIFs and JPGs use optimization algorithms that approximate the original image, and JPGs don't stay true to colour. GIFs do much better. PNGs are a bit dicey for use on the web as well.

calvincarl's picture
94 pencils

Here's the simplest answer. When doing web work, always be in sRGB. When you start a comp in Photoshop, make sure that file is in sRGB when you start, and never change it to any other color profile. This will save you from all these headaches.

Chris Rioux's picture
2 pencils

There are many different color spaces, but the two most common are Adobe RGB (1998) and sRGB. In each case, the color is "read' differently than the other, and so each must have a way of telling programs (photoshop, preview, finder/explorer, etc.) how to read it's color information.

Adobe RGB (1998) Vs. sRGB.
Adobe RGB is a MUCH larger color space which encompasses many more printable colors than does sRGB when it comes to a printed medium. However there are very few computer monitors that can actually display all of the colors the Adobe RGB color space contains. This is not a problem, it's just not really a benefit for web-only images, so web browsers all use the sRGB color space (except Safari, which can read and display Adobe RGB color profiles, IF THE PROFILE EXISTS within the image...)

The problem comes when an Adobe RGB color profiled image is put in a web browser (excluding Safari), all the web browsers assume it is an sRGB image, and display only the smaller profiles color space. So basically the image is being read incorrectly, and so it is displayed incorrectly. Think of it this way: think of a gradiant that goes from one color and brightness to another, with a set number of actual colors in between both ends. Then think of that gradient being double the length. this second gradient still has the all of the reds, greens, and blues the first had, but with many more variations of these colors in between. That is basically the relationship between sRGB (the smaller gradient) and Adobe RGB (the larger gradient).

So you would think that when an Adobe RGB file is viewed as though it were an sRGB file, the browser (or other program) would just see the main colors and ignore the more gradual colors. Unfortunately this is not the case. If you take those two gradients and stand them up, and go to the taller one and cut it in half, that is what you get when Adobe RGB is viewed as sRGB. It only sees that set of information, and not the rest. This is not actually half of the information, but it's a significant amount. It usually seems to affect saturation the most, making images appear to be slightly under saturated.

This is why it's so important that all web images be saved in sRGB.

ONE MORE PROBLEM!
if you work with both printed work and web images, you will get the best prints from larger color spaces, such as Adobe RGB. When you need to save for web, CONVERT it to an sRGB file. NEVER ASSIGN a color profile to try and change an images color space. This does nothing other than tell a program to open the image up by reading the color numbers INCORRECTLY. The ONLY time you assign a profile is when the image is missing one to begin with, and you KNOW what the correct profile for the given image is. Sometimes you will have to make a few copies of the image and assign different profiles to each version to see which is the correct one.

If you are producing work that is only going to be viewd on a computer monitor, then ball all means, change your color settings to be sRGB by default, but don't forget to change it to Adobe RGB when you're trying to produce higher quality print work. Working in a smaller color space (like sRGB) and then converting it to Adobe RGB will not give you the same high quality results on a print than would working in the larger color space.

"Save As" in Photoshop (or Photo-Chopper as one of my mentors likes to call it) will by default include the color profile within the file being saved, so it knows how to render the colors next time you open it, or for other applications to do the same. This is not necessary when saving images for web use, since they will all read it as an sRGB color space anyway (except Safari, which can read them, but if you don't include any, will also assume it's sRGB).

"Save for Web" by default will not save color profiles with the image, for the above reasons. I have experienced some color issues when using this saving method for images, so when this happens I just use Save As. But in general, Save for Web will yield a smaller file size at roughly the same compression.

Cheers

Chris Rioux
Photographer
www.ChrisRiouxPhotography.com

informedbyme's picture
1 pencil

I'm on a Macbook Pro, using Photoshop CS3. Nothing seems to work. I'm using sRGB, I've followed all instructions and still when doing Save for Web color is lost. Images just don't look the same.

So, basically, this sucks. : P

Chris Rioux's picture
2 pencils

Try using "Save As" instead of "Save for Web".
TIP: When you use "Save As" to save a JPG, once the quality/compression dialog box pops up, if you bring the slider all the way to the left, you will notice your image in the background will reflect how it will look if it is saved with that setting. I usually save web images between 7-9 depending how much fine detail there is in the image.

If that doesn't help any, you may have a profile miss-match. Open your file, do a save as, but UN-check the box that says "Embed Color Profile: "

Now close the file you just saved, and open it. If your color settings are set to ask you what to do when an image is missing a color profile, you get the choice of what to do. you can assign Adobe RGB, then duplicate the image, close the original, and open it again, this time assigning sRGB. put them side by side and see which one seems to be the accurate one. That is the correct color profile for that image.

Hope this helps.

Chris Rioux
Photographer
www.ChrisRiouxPhotography.com

SlowX's picture
44 pencils

What if an image is at 300dpi? If you're viewing it at 25% scale, and then spit it out at 72dpi and look at it at 100% scale, can't that also shift some color, brightness, or overall intensity?

plugz's picture
1245 pencils

In theory, no.

It could well do some damage where colours meet and end up with some dithering, but it shouldn't shift your colours at all.

That said, in terms of photographs and other graphics with a large variation in tones and hues, some information will be lost during the conversion but it won't shift colours in the literal sense of the word.

SlowX's picture
44 pencils

The colors all stay the same, but seem to lose some of their stregth, their brilliance. They just seem a bit duller.

Just wondering if resolution is another parameter that changes things when saving for web.

centurypixel's picture
3 pencils

So have we found a method that works? My design looks like crap with the washed-out colors. Please someone help!

Thank you all for your time.

plugz's picture
1245 pencils

Strange it's not working for others.

rett's picture
1 pencil

I've tried converting everything to sRGB as well as Adobe RGB and also still had issues. Instead, what works for me is to set everything to the monitor profile. So here's what I've done:

1. System Preferences > Displays > Color - set this to 'Color LCD'
2. In Photoshop > Edit > Color Settings - set RGB to 'Monitor RGB - Color LCD'
3. In the Save for Web dialog, make sure that the 'Convert to RGB' setting in the triangle next to Presets is unchecked, and also uncheck 'ICC Profile' beneath the Progressive checkbox.

Now the color is a bit lighter right after you convert it to Color LCD, but it stays exactly the same when you save for web. So all you have to do is adjust your colors to be a bit darker from the get go. Hope this helps.

-Rett

boar's picture
1 pencil

I have a psd file, and all I want is for this POS to save it for the web the same way it looks in photoshop; well I finally got it to preview in save for web with the correct colors by clicking the triangle and using the document color profile, I saved as gif and thought I was homefree. NOPE. Here is a screenshot showing the file I saved next to the save for web!

I have the color previewing right in save for web yet it still lightens it up - what is going on?

jrudmann's picture
2 pencils

See below comment

jrudmann's picture
2 pencils

I have been struggling with this exact issue ever since I got my new MB Pro and upgraded to CS3. I have my display set to Color LCD Calibrated and PS set to NA General Purpose 2. I just discovered that if I go to View > Proof Colors and click on Monitor RGB, which is already checked, the color of the image I am working on changes. The preview in Save for web is then the exact same color. Unchecking the Convert to sRGB or changing the Save for web preview to "Use Document Profile Color" will not solve your problem. The funny thing is that in the past I always changed the color settings in PS to sRGB and this problem was solved. I wonder if this is an issue with CS3 for Mac.

Scott Richardson's picture
2 pencils

jrudmann,

your tip above DOES let you work in the EXACT same colours as what will be displayed in a web browser. BUT, when I did this and began working in this proof mode, and started choosing colours, I saw that the colour I chose, was not how it looked in my document.

For example, I have a bright purple to black gradient in my header. It has a pink hue to it also. Going to proof mode, that purple goes pale and the deep pink hue goes completely. Now I think to myself, OK I can just edit the purple while in proof mode, to get the colour I want. BUT, even if I choose the colour and refill the gradient, the colour isn't actually the same as chosen, or as displayed in the colour picker box in the toolbar.

In otherwords, WHAT YOU SEE ISN'T WHAT YOU SEE.

So, we're essentially back to square one. Without a solution :( I want my nice bright purple/pink. And I want it to be with PNG and GIF files, not just JPG.

Currently the ONLY way I can make my saved images look the same as my working file, is if I use JPG, and check the ICC profile. And even then I imagine it's only looking good in Safari because it reads the ICC profile.

So, none of the above methods work for me in CS3.

Scott

JimD's picture
2626 pencils

In the little triangle flyout menu at the top right of the preview window in the Save for Web screen, click and select "Uncompensated Color" - otherwise color profiles will alter the colors. It's that simple.

-----------
Visit Creative Guy for graphics and Mac OS tips, tricks, tutorials and commentary

-----------
Visit The Graphic Mac for graphics and Mac OS tips, reviews, tutorials and discussion.

Scott Richardson's picture
2 pencils

heya

yeah I looked at this.

Choosing uncompensated shows me EXACTLY how the file looks in the web browsers... BUT, this isn't how I want the image to look. I want it to look the same as it does in the working window.

When viewed in uncompensated colour, or on the web, my pinky/purple gradient and montage looks more like blue/purple without any richness.

I'm going CRAZY trying to get this to work!

JimD's picture
2626 pencils

Not sure what the problem could be then. When I convert my image to SRGB and save for web with uncompensated color, the image appears exactly as I want it to.

You DO have your monitor profile set to SRGB, right?

-----------
Visit Creative Guy for graphics and Mac OS tips, tricks, tutorials and commentary

-----------
Visit The Graphic Mac for graphics and Mac OS tips, reviews, tutorials and discussion.

cstreb's picture
1 pencil

This fixed it for me ...

View > Proof Setup > Monitor RGB

Now the CS original and the "save for web" original match :)

Color is a pain ...
Thanks a bunch to all of you guys though :)

kswedberg's picture
1 pencil

Thanks to everyone here for their advice. Like cstreb above, I changed Proof Setup to Monitor RGB and turned on "Proof Colors" so that what I see in PS is the same as what I see in "save for web" and in the browser. I also made sure the color space was sRGB.

However, my photos still weren't the same as the original Camera Raw appearance. So, here is what I'm doing to get my photos on the web to look the way they should (i.e. the way they look before turning on "Proof Colors"):

  1. Open the photo from the Camera Raw dialog (or just from Finder or wherever)
  2. (a) Select > All, (b) Edit > Copy, (c) File > New, and (d) Edit > Paste. Now there should be 2 copies of the same photo. Arrange them so you can see both.
  3. Designate one as your "working copy" and make sure "Proof Colors" is checked. The other should have "Proof Colors" unchecked. So, the working copy will look washed out, ugly compared to the other.
  4. In the working copy, add a Hue/Saturation Layer and set its saturation to approx +20 and its lightness to approx -9.
  5. Copy the photograph layer (not the hue/saturation layer)
  6. Set the new layer's blending mode to Soft Light and its opacity to approx. 50%.
  7. Adjust all of these values as necessary until the two open photos look as close to identical as possible.

Hope that helps someone. I, too, was pulling my hair out trying to get photos to look decent on the web with CS3. I don't recall having had the same horrible time with all this in previous Photoshop versions.

jensantarelli's picture
2 pencils

I tried a lot of the above suggestions, but most of them didn't fix it for me. The problem seemed to mainly be with the color profiles being assigned to images when they are opened in Photoshop: http://kb.adobe.com/selfservice/viewContent.do?externalId=326083&sliceId=2

Solution 2 did the trick for me. I wish Photoshop prompted you the first time you use it to ask if you were using it for print or web. If someone picked web, then it could turn off the color profiling feature.

Line's picture
1 pencil

Thanks to this thread and brooklynx's solution I fixed mine too!

-Line

natobasso's picture
3951 pencils

As long as all your graphics are saved out the same way you won't have any color shifts.

If you're making graphics for web you should focus on web colors (#007eaa, #000000, #FFFFFF, for example) not RGB for consistency of appearance.

----
Powerpoint is not a design application

syarbrough's picture
1 pencil

I've searched long and hard on a cure to this issue, and have tried all things on this thread (thank you for the in-depth replies, by the way). I still cannot get it working either. I use PS2 on a Dell, and PS3 on a MacPRO. Because of the color problem, I use the Dell for all web graphics. With the help of SNAGIT from www.techsmith.com I am able to preserve colors I see when creating for use on the web. Here's my flow:

  1. Create graphic in Photoshop to my liking
  2. With SNAGIT, capture the exact area of the image I want to use for web. All colors are retained as they appear on screen.
  3. In SNAGIT, hit the Copy button (don't save as the web graphic from snagit since it will compress more than you desire)
  4. Open a new document in Photoshop - by default, it creates a new file the same size as the copied image
  5. Paste the image into PS - you will notice that the image now looks darker than before
  6. Use Save for Web... - and now the "Save for Web" version looks identical to my original.

Though it sounds a little drawn out, it becomes very quick and has proven very effective. Techsmith realizes the desire for their products on the Mac platform... so they're working on it.

natobasso's picture
3951 pencils

Here's the best way I've found:

1. Create all graphics in illustrator initially
2. Import those to photoshop. All graphics at once.
3. Slice photoshop file and export all images at once to an images folder

No need for all the Snagit rigamarole. Besides, not all monitors show colors the same way; there's tons of variation. If you process all your images the same way the colors will be consistent.

----
Powerpoint is not a design application

ANT's picture
1 pencil

I don't understand the problem here... I panicked a bit in the beginning about the difference in Photoshop and Save for Web (Mac, CS3) but then realised one thing:
- I have sRGB settings in Photoshop (Color Settings)
- But the View I set for Windows RGB

This way I use proper colour standards and while working on the PSD I can see how the colours will look like on Windows. I save to Web, yes, it is a bit pale comparing to the source, but at least I know it will look well on PCs.

So where is the problem?

pina_cten's picture
11 pencils

Hi photoshop savvies!

OK I finally owened my own photoshop CS2.
I was trying to create some glitter text of course the first step is to create the text. I was trying to use the type tool per the instructions I opened a new document, set the size then I clicked on the T. All that seemed pretty easy for a biginner like me then there comes the problem. As I type, the I-BEAM is soooooo small that I couldn't see what I was typing but it did create it on the layer pallette. I tried changing the fonts, the size but nothing happened. I couldn't create the glitter text because I couldn't see what I was doing. What am I doing wrong here? Everything seemed normal when I'm adding a Text on an image, but it gives me problems when it comes to just typing some words on a document. I hope this question makes sense to all the experts out there. I NEED HELP!
Can someone help me please!

natobasso's picture
3951 pencils

Delete

----
Powerpoint is not a design application
My latest web design work

sidesey's picture
280 pencils

... but if you zoom in on the page you should be able to see it provided the text is not 2 points in size or something really small - there is a zoom tool - the magnifying glass in the tools palette, but there are also the following shortcuts:

mac
Zoom in Cmd-Space-Click or Cmd-Plus(+)
Zoom out Option-Space-Click or Cmd-Minus(-)

pc
Zoom in Ctrl-Space-Click or Ctrl-Plus(+)
Zoom out Alt-Space-Click or Ctrl-Minus(-)

Antoinejo's picture
5 pencils

I challenge some one who says they have fixed the problem to convert this PSD file to a gif or jpg that looks the same color wise in a browser.

http://www.studion21.com/temp/test.psd

Antoinejo's picture
5 pencils

I challenge some one who says they have fixed the problem to convert this PSD file to a gif or jpg that looks the same color wise in a browser.

http://www.studion21.com/temp/test.psd

natobasso's picture
3951 pencils

If the psd is in rgb then I can do that, no worries!

If you are going from a cmyk to rgb of course the colors are never going to match.

----
Powerpoint is not a design application
flikWORLD Design

Antoinejo's picture
5 pencils

Give it a go! I'm puzzeled here. Working in sRGB, color settings to NA General Purpose, the Convert to sRBG option is turned on when I Save for Web... I was able to save that graphic and preserve the colors, but I can't any more with CS3.

What's more, when I do a Save As and make a JPG, I also get the color shift!!!

This is a MAJOR issue!

Antoinejo's picture
5 pencils

Here is the file that is generated when I Save for Web using the PSD posted above. I tried it out of PShop CS2 and CS3, same result.

http://www.studion21.com/temp/test.gif

Antoinejo's picture
5 pencils

Here is the file that is generated when I Save for Web using the PSD posted above. I tried it out of PShop CS2 and CS3, same result.

http://www.studion21.com/temp/test.gif

kristofsaelen's picture
1 pencil

I followed this post a bit because I had a similar problem but now it seems to be working the way I want.

I'm using CS3 on a MacBook Pro and this is what I ended up doing:

1. Edit > Color Settings: select "Europe Web/Internet"
(probably the only thing that matters here is the RGB setting: sRGB IEC61966-2.1)

2. Make sure the color profile of your document is "sRGB IEC61966-2.1"
(otherwise Edit > Convert to Profile)

3. Make sure your viewing mode is in RGB, 8 Bits/Channel
(Image > Mode)

4. Proof Setup is "Monitor RGB" (View > Proof Setup)

5. Check "Proof Colors" (View > Proof Colors)

In the "Save for Web & Devices" window:

6. Click on the small arrow button on the very top and choose "Uncompensated Color"

7. Click on the small arrow button on the right (Preset section) and check "Convert to sRGB"

With this setup, my working colors and Save for Web colors are perfectly matching... finally.

Good luck!

Anonymous's picture

With an image open, I followed your directions. I noticed the color shift to normal when I did
5. Check "Proof Colors" (View > Proof Colors)

THANKS!

Anonymous's picture

One thing that still sucks in this case is that the colors in the colorpicker are different than on the canvas :-(

Anonymous's picture

I did what kristofsaelen said, but the color shift still happens. And yes, the system is set to RGB mode as well.

The Save As seems to skip the color shift, but wait! As soon as I open those images with Firefox or other browser, I still get that awful color shift! The colors are so washed off.

Another curious thing: this is even worse with Illustrator. Fireworks doesn't seem to have this problem.

What else could it be?

Anonymous's picture

Hey guys i tried all of the above.
I did change my monitor settings
then the photoshop as you suggested.
Not perfect and now at least is workable thanks.

Thank you all for your contribution.

cridley's picture
1 pencil

Im about to end it all!! Not really, but so frustrated.
I did what plugz said to do. It worked!! I was jumping for joy. Suddenly my color palette was corrected, and my save for web matched what was on my screen.
I then shut it all down, and when I went back in...the same color issues, only this time the above corrections dont work!! ACK.

This problem started for me when I purchased a new PC - Dell with Vista a month ago.
I kept the same Samsung Monitor, which gave me NO problems on my old cluncker PC with photoshop CS3. Im guessing going from analog to digital may have something to do with it.?
When I switch to proof setup/monitor RGB, my colors match in save for web - but my color picker is off. There is not white.
Plus, when I work in camera raw, and covert it over to PS - and switch my colors to proof colors, all the work I did in Camera Raw go out the window. Its pointless to even work in camera raw...which I adore!

jonh's picture
2 pencils

I went through kristofsaelen's 7 step process and still no changes to the problem.

The problem is that the save for web images that are viewed in Firefox are brighter (more washed out) than the original. These same exact save for web images when viewed in Safari and Chrome match exactly to the original. So save for web creates inconsistent color strengths when compared between browsers on the same computer screen.

By the way, many of us do not have CS4 and do not have the selection to check mark or uncheck mark "Convert to sRGB" in the save for web / preset menu. I have CS1. So what does that mean?

Is there no solution to this problem? Except to accept that a masculine dark purple website will look pink and feminine on Firefox?

Honestly, please somebody help!

Mintsauce's picture
1000 pencils

You should be working in the sRGB colour space before you save to web.

EDIT > Colour Settings > Working Space - sRGB

When saving to web, do not "Embed Color Profile".

The Construct Agency
Building Creative Brands for People

jonh's picture
2 pencils

Mintsauce, It's already sRGB and I don't have "Embed Color Profile" I HAVE CS1

Creativebits is a blog about Creativity, Graphic Design, Adobe, Apple and other related subjects.

Do you need a great new logo?

Pick a pre-made design from a collection of 50,000+ logos that will be customized to your business name for free.