CS5 save for web color change problem

Hi Forum
I've just started using PS CS5 on a new iMac, and I'm having some problems with save for web colors. If I save an image (for example a shape with a solid color) then add it to a site I'm making then test in Safari, then take a screenshot with Grab, then open again in Photoshop, test the screenshot color with the eyedropper, the color value is slightly different to the original Photoshop file.
Previously in CS3, I had the color settings RGB workspace set to Monitor RGB display, and view > proof setup > Monitor RGB. Then when saving for web I made sure convert to sRGB was unchecked. This always worked and would give me the exact same colors in the browser as Photoshop.
I have tried the same settings now is CS5, plus a few other variations (like using view >proof setup > internet standard RGB) but it is just not working.
Does anyone know the correct setup to save for web in CS5 and get the same original colors?
I'm saving them as jpegs.
I hope someone can help with this. Thanks in advance

I'm really confused about this now. My display profile in OSX settings is set to iMac. I have some specific questions:
- What should my color settings be in Photoshop?
- What should the proof setup be set to?
- What color profile should my documents be set to?
- What are the correct options to select when I save to web?
I just want to able to save a jpeg image for web, and get the exact same colors as my original Photoshop file. Please help!

Similar Messages

CS5 Save for Web and Devices problem

I recently installed CS5 and now I cannot save for Web and Devices. A pop up error window appears saying "A write permissions error has occurred". Any suggestions to make it possible to save for Web and Devices would be appreciated.
Also, when I exit Photoshop CS5, yet another pop up window appears and reads, "Could not save Preferences because the file is locked or you do not have the necessary access privileges. Use the 'Get Info' command in the Finder to unlock the file or change permissions on the file or enclosing folders'. Again, any suggestions as to what this message is about and how to make PS close as it did with CS4 would be appreciated!
Thanks,
E

Try this first:
Applications > Utilities > Disk Utility > Macintosh HD > Repair Disk Permissions
Also make sure your not saving to a removable hard drive that is NTFS. If you can drag files into the drive its the right type of drive to use and there shouldn't be a problem.
Apart from that all i can say is to restart your Mac and make sure all the adobe updaters are up to date
Hope that helps
James

Possible bug in Save for Web -- Color Changes!

Hi,
I'm new to CS3 and also new on the Mac (and also to thiis forum). So I might be overlooking something but I am an experienced user user of Photoshop 7 on a pc. Never had a problem like this.
When I try to save an image with the color #c51076 as a gif using the Save for Web function I get a totally different color. Much lighter!!! I don't get it. I can't get the color I want.
I jjustt found out that iit also messes up webcolors: it swaps one webolorr for another.
Does anyone know a solution?
Thanks!

Thanks for sharing. First let me say I think it's really great that you have shared all the documentation about these color issues. I read your page before posting here, and I tried each of the suggested solutions, and wasn't able to fix it. Maybe it is a problem with the Mac OS and the way it displays images non-color managed images. But it's not like all the images I view on Firefox are dull-just the ones I've edited, because they appeared different in CS3.
As I mentioned above, I am not the only one who is having this problem, despite trying all of the fixes suggested (see the link to forum thread posted above). I think my next step is to schlep my MacBook over to the Mac store and see if they can verify my monitor profile. But if anyone else has any suggestions, please let me know!
Emily

Batch processing "save for web" color shift problem

In Illustrator CS3, when batch processing "save for web and devices," there is a dramatic color shift in resulting files.
Is there a workaround for this problem?
Thanks!
Karen.

Make sure the color mode of your documents is RGB (not CMYK) and that your workspace is sRGB.

Save For Web Color incorrect color shifting

SFW (CS3) isn't functioning correctly, or perhaps I'm missing a pref or configuration.
When I go to SFW, the image in the SFW window no matter what setting or level (even 100%) and resulting file is lighter, as in washed out, from it's PSD parent.
Even viewing the Original from within SFW is not the at the original levels. It's washed out.
As a test, if I do a Save As from the same PSD parent to a JPEG at 12, the file is the same level quality as it's PSD parent as expected/desired.
As such, SFW is unusable for me.
CS3, Mac Pro Quade Core 2x3GHz, OSX 10.5.5

Thanks Ann. Here's what I have:
In Edit > Color Settings:
Working Spaces: RGB sRGB IEC...
Color Mgmt Polices: Convert to Working RGB
Convert to Profile:
Source Space Profile: sRGB IEC..
Conversion Options:
Engine: Adobe ACE
Intent: Perceptual
Use Black Point Compensation (√)
Use Dither (√)
In SFW: Convert to sRGB is selected
I'm looking at a head shot 72 dpi and the woman's face is lighter using these settings from within SFW looking at what SFW calls "Original" versus the real original outside of SFW.
Saving a SFW jpg at 100% yields a lighter image than doing a Save As jpg at 12.
I have both a HP LP3065 30" and Apple 22" Cinema display and the SFW processed file is lighter on both screens. Although the SFW Original is lighter on the HP than when looking at same on the Cinema. But the output is lighter and consistent viewing on both displays. Lighter than should be.
The Cinema is set to Apple's stock "Apple Cinema Display" profile and HP doesn't support us with a Mac calibrator, but I did the best I could with Apple's - in Prefs > Display.
Regardless, it seems that SFW is the problem (in my logical but limited color mgmt knowledge). I can save as a Save As jpg and get the expected color level consistent with the original on both my HP and Cinema. Isn't this the deciding factor? The consistency across both. Wouldn't that point to SFW being the problem, since Save As works correctly?
And Peter, I totally agree with you, we need to search first. I did on "Save For Web Color Shifting" but didn't find it. I found other SFW issues, but somehow not my issue. Still, my apologies.
Thanks to both.

Save for web color shift - only on images smaller than 150x150px

I'm getting a color shift only on small images (150x150px or smaller) when I save for web in Photoshop CC and CS6. That's very weird as it doesn't happen to images larger than 150x150px! That issue happens with images with different measurements as well (e.g. rectangle), the small looks dull and the larger display the right color.
My Color Settings are set to "Monitor Color". Under save for web I have the following options not ticked: Embed Color Profile and Convert to sRGB. (viget.com/inspire/the-mysterious-save-for-web-color-shift)
I'm running the OS X 10.8.4 on a macbook pro, I tested that on both, Safari 6.0.5 and FF.
The squares in the screenshot were saved exatly the same way. The largerer displays the right color #FFCB32, but the smaller displays the color wrong.
I appreciate your help.
Cheers
P

JPG & PNG = Color Profile "Don't Color Manage this document". Save under save for web I have the following options not ticked: Embed Color Profile and Convert to sRGB. (viget.com/inspire/the-mysterious-save-for-web-color-shift)
Resizing in photoshop (Image Size), but the color shifts even with cropped image after save for web.

Looking for a better solution to the "Save for web" color shift issue

Ok, everyone who has fussed much with photoshop and "Save For Web" knows about the color shift issue. If you want your colors to look right after you "save for web", you have to work in the sRGB colorspace, and have Proof Colors checked (soft proofing on) and the proof color setup set to Monitor RGB, otherwise what you get looks terrible when displayed in a browser.
But of course if you are editing for print, this is exactly what you DON'T want to do. Well, I work in both. In fact, often the same images, and I want them to appear as close as reasonably possible in both print and web formats, and without a lot of fussing on my part. And I'm pickiest about the print mode, since I have the most control there, so that's the way I want to edit by default.
Nothing new here.
Now comes the interesting part (in my mind, anyway). Obviously there is a known remapping -- because PhotoShop DOES it when you select Proof Colors. So the inverse mapping must also be known (with some gamut issues, but I'm not concerned with those, because, after all, I'm VIEWING it on a monitor anyway!). What I want is a plug-in that automatically applies that inverse mapping so that, when I do a Save For Web, I end up with the colors I've been viewing all the time when setting the shot up in print mode. Then, too, I don't have to worry about what mode I'm in when I'm editing -- it just fixes it when doing a save-for-web.
Again, I want to edit in my normal print mode (typically ProPhoto colorspace, and with soft-proofing off or set to the printer/medium combination I expect to use), then do a single operation (might be a multi-step action) to "screw up" my colors so that when I then do a "Save-For-Web", the resulting image, when viewed on the average color-stupid browser, looks like the image I've been seeing in Photoshop.
Anyone know of such a beast? I would gladly pay for a plug-in that really works and fixes the problem.
And if you have other solutions, I'm interested, but the absolute requirement is that it I do one single edit pass for my colors for both print and web use, and I get what I see on the screen in PS on both the prints and on the web display (i.e., working in sRGB/Monitor RGB mode all the time won't cut it). And PREFERABLY, let me do all my editing work in the ProPhoto (or at least AdobeRGB) colorspace so I have a gamut closer to what the printer can do.
Anyone got a decent solution for this?

Chris
I spent all day Googling and doing side by side comparisons of my old and new systems.
My display is a Dell U2410. It has several presets, including sRGB and Adobe RGB. I've been using sRGB.
On my OLD system, (Win XP, PsCS2, DwCS4) there seems to be no distinction between color managed and non color managed apps, even on this wide gamut display. I could capture (digital camera) in Adobe RGB, open and edit in PsCS2, save as .psd, convert to CMYK for print, or convert to sRGB for SFW. All images looked identical and they printed and displayed perfectly. I thought this was normal, and seemed logical. This also seems to be the source of my incorrect assumptions. I was trying to get my new machine to behave like my old one.
So I get this new machine (Windows 7, PsCS5, DwCS5) and now (still in sRGB display mode) all color managed apps appear de-saturated. Non color managed apps are OK. If I switch the display to Adobe RGB, color managed apps are OK, but non color managed apps are way too saturated. From my investigation, I believe this is normal behavior on a wide gamut display. I've tried changing the Control Panel > Display > Screen Resolution > Advanced settings > Color Management options, but to no avail. Either I'm missing something, or Windows 7 is doing color management differently.
It seems my only option now is to use Adobe RGB display setting for Ps, etc. and switch to sRGB for Dw and non color managed apps. Or, have 2 separate files for print and web. I've Googled 'til my eyes are numb and still not sure I'm getting this. Any enlightenment would be greatly appreciated.
Finally, I don't see an edit function here, so I can't remove my previous incorrect reply. Moderator, please feel free to do so.
Thanks

CS5 save for web bug with slices 1 png, the rest gif

Do me good forum, this is my first post from 112 degree AZ.
I'm trying to "save for web" slices in illustrator cs5. I optimize the images to transparent .png in the sidebar in the save for web dialog box. Then I click save. And I do the "user slices" option in the NEXT dialog (hello complicated process, but it makes sense to me). 5 slices should be output. 5 are. But only one is a png. The rest are gif files. And not transparent.
That makes me to throw an anvil through the floor of the USS(R) Adobe.
But rather than going through such extreme measures, I'd figure I'd post first.
I guess in the time I researched and wrote this post, I could have saved each individual slice with the proper optimization settings, but what fun would that be? And maybe I'm just plain missing somthing and someone will say, hey "footheadleg" your a total moron. The checkbox to save ALL the slices for your desired setting is at blah blah blah.
Do it. Shame me. And then, my problem will be fixed at last. MUwhwhwhwahahahaa.
FREE GIFT: cmd+shift+d changes illustrators white artboard to transparent pixels. I learned that becasue I thought maybe I had a white layer showing on accident. I didn't. That's because I'm perfect. Perfectly human.

Footheadleg, you have so much to learn, and so little time. Let me teach you my ways. Though while on Illustrator's main canvas it may seem that you can change settings of each slice, you can't. I know, there are little icons top left of each image, one looks like an email symbol, and it would seem you could just email the slice to a friend.
Pretty soon you'll be able to "Like" the slice on Facebook. Or post it to your del.i.cious account. Or tweet it. Or 17,000 other VERY VALUABLE shares. But Footheadleg, these symbols mean nothing to you, except that they are slices.
HOWEVER, when in "save for web" mode, you can in fact change the settings of each slice. Here's what you do. Press k. (slice tool selector thingie) then hop over to the sidebar and click on the settings you want. Do this for EACH slice. I know, it would seem easier if there was a checkbox that said "apply to all slices," but why make things easy?
Plus, Illustrator is a rad program, so don't knock it, unless you can design something better. And you can't. So get over yourself and enjoy the pain
Yours truly,
Yourself.

[CS5][Save for Web][Anti-aliasing] Fine lines in exported PSD with adjustment layers

Hello,
You can reproduce the bug this way:
- link a PSD with a adjustment (Levels, Brightness/Contrast) layer in your AI file
- Save for Web, with AA for Art (not text) selected
In the exported image there will be artefacts, white lines usually.
Flattening the PSD or deleting the adjustment layers will solve the problem and anti-aliasing will be applied correctly.
I used CMYK/RGB settings, FOGRA39/Adobe RGB 1998 for all the files involved.

Hi,
I am experiencing this same problem of pixelated gifs when I use the "save for web" dialog from Illustrator, but this solution has not worked for me. I have tried the trick of using type-optimized anti-aliasing, but it doesn't change the output at all. I've done this from within the "Image size" tab as well as through Effect>Rasterize>Options)Anti-aliasing: Type Optimized. My image is a logo made entirely from text, although for some of it I used "outline path", so I'm not sure if it still qualifies as text...I'm a newbie at this stuff, so the technical details are still quite opaque to me.
Does anyone know of a solution to this that does not require me to add Photoshop to my workflow?
I'm using Illustrator in CS5, version 15.0.2.
Thanks in advance
Jonathan

Save for web - animated gif problem PSE (Mac)

Trying to save an animated gif using Save for Web dialogue box...
works fine, except checkbox "Loop" and delay rate drop down box are highlighted (active) but can't be changed
anyone know reason / fix?

No fix, alas. This has been a problem in the mac version since PSE 6. If your gif is small, you can duplicate layers so that they appear to stay onscreen longer, but the best advice is to not use PSE/mac for this, unfortunately.

A different take on the "Save For Web" color shift issue...

Ok, everyone who has fussed much with photoshop and "Save For Web" knows about the color shift issue. If you want your colors to look right after you "save for web", you have to work in the sRGB colorspace, and have Proof Colors checked (soft proofing on) and the proof color setup set to Monitor RGB, otherwise what you get looks terrible when displayed in a browser.
But of course if you are editing for print, this is exactly what you DON'T want to do. Well, I work in both. In fact, often the same images, and I want them to appear as close as reasonably possible in both print and web formats, and without a lot of fussing on my part. And I'm pickiest about the print mode, since I have the most control there, so that's the way I want to edit by default.
Nothing new here.
Now comes the interesting part (in my mind, anyway). Obviously there is a known remapping -- because PhotoShop DOES it when you select Proof Colors. So the inverse mapping must also be known (with some gamut issues, but I'm not concerned with those, because, after all, I'm VIEWING it on a monitor anyway!). What I want is a plug-in that automatically applies that inverse mapping so that, when I do a Save For Web, I end up with the colors I've been viewing all the time when setting the shot up in print mode. Then, too, I don't have to worry about what mode I'm in when I'm editing -- it just fixes it when doing a save-for-web.
Again, I want to edit in my normal print mode (typically ProPhoto colorspace, and with soft-proofing off or set to the printer/medium combination I expect to use), then do a single operation (might be a multi-step action) to "screw up" my colors so that when I then do a "Save-For-Web", the resulting image, when viewed on the average color-stupid browser, looks like the image I've been seeing in Photoshop.
Anyone know of such a beast?   I would gladly pay for a plug-in that really works and fixes the problem.
And if you have other solutions, I'm interested, but the absolute requirement is that it I do one single edit pass for my colors for both print and web use, and I get what I see on the screen in PS on both the prints and on the web display (i.e., working in sRGB/Monitor RGB mode all the time won't cut it). And PREFERABLY, let me do all my editing work in the ProPhoto (or at least AdobeRGB) colorspace so I have a gamut closer to what the printer can do.
Anyone got a decent solution for this?

Sorry, I think I'm being unclear. This has nothing to do with individual monitor profiles. In Proof Setup, "Monitor RGB" amounts to turning off ALL color management, and simply letting the monitor do what it will. It is what the vast majority of web browsers do (even if the operating system provides color management, the browsers don't take advantage of it), so that is what you need to consider for images that will be viewed on a web browser. If you convert your image to sRGB, select Monitor RGB in Proof Set up, and turn on Proof Colors, you will see the image as it would appear on a web browser (after you save it as a jpg or use "Save For Web/Devices" to save it as a jpg).   Since almost everyone is running different uncalibrated monitors, there will be lots of variation in how it will look to them, so precise control of the color is unimportant.
That said, I would expect the color on a calibrated monitor (such as the one I use when editing) to be reasonably close to the colors I am seeing while editing in PS. To the extent a monitor deviates from "calibrated", those colors will vary, but a good monitor should show good colors.   Unfortunately, this is NOT the case, as my previous post shows. The colors produced by the steps above are oversaturated and significantly shifted in hue. There is, to my mind, anyway, no reason for this. Adobe clearly knows what the mapping is between the colors as it displays them in PS and the un-controlled "Monitor RGB" -- that is, it is the color map they are using during normal editing display. If they were to reverse-apply that map prior to saving it as a jpg, then the image would appear on a browser on that same (presumably calibrated) monitor very similar to what you set up when editing. Anyone else viewing the image on a web browser with a calibrated monitor would also see good colors. To the extent other viewers' monitors are out of calibration, their colors will suck, but there's nothing you can do about that.
I guess in some sense I AM "asking for a Color-Mamangement-solution for a "non-Color-Management-situation", but specifically I'm asking for PS Color Management to do the best it can for non-Color-Managed situations that we all face every day.
Does that make more sense?

Saving Sliced files in Illustrator CS6 like it was in CS5 "Save for web and devices" gone?

Hello,
I used to save all my slices in CS5 and it would give me the option to save for web and devices, then when I was in there it would let me choose the option at the bottom Other... then I could go in and save it as a html and images and then it would automatically make div's for me when I brought it in to dreamweaver. Where did this option go in CS6? Can someone help I am on a big deadline, and I lost all my work transfering it back into cs5 to try it there like I used to. Attached is a .png to show what I mean.
Thank you,
DariusB
These options are not here in CS6 and I cant find it. I would really appreciate the help.
Thanks again.

Hi,
There have been some other changes too - here is the link to the article that describes the changes: http://blogs.adobe.com/ivandavid/illustrator_cs6_save_for_web/.
Cheers,
David

Photoshop cs5 + Save For Web appends file names

Hey everyone :
Anyone know of a fix or a preference i can set? Hopefully, the response isn't "Can't do that anymore".
Example file name/structure:
Filename_partof-filename.version-01.00.psd
Issue (save for web):
CS3 - Filename_partof-filename.version-01.00.jpg
CS5 - Filename_partof-filename.jpg
Using a period as part of the file name was never a problem before CS5/5.5. Having to re-type half the file name in the SaveForWeb dialog is aggreviating/annoying to say the least. I know I can use hypens and underscores, etc but after using photoshop since v3 and using periods as part of my naming convention for 15 years, ...like I said, it's just an annoyance.
Anyone come across this? Suggestions?
Thanks tons,
Greg

Adobe Photoshop Version: 12.0.4 (12.0.4x20110407 [20110407.r.1265 2011/04/07:02:00:00 cutoff; r branch]) x64
...yep, everything up to date (more or less).
This isn't a recent CS5 issue but a CS5 issue from the day it was released...I just got aggreviated enough today with it to come here and see if I could find an answer. It's definitely a SaveForWeb issue and not SaveAs.
Here's a similar post from back in March 2011...http://forums.adobe.com/message/3509172#3509172
Just to be clear...
- Open new/old PS file
- Save with name.name.v.01.psd
- Quit PS
- Re-open file
- SaveForWeb
...if you're able to save it out with the file name in tact, I have no idea how.
I've tried 4 different CS5 Photoshops and they all truncate the name after the first period.

CS5 Save for Web won't let me save to Windows volume

I have a Windows Server 2003 volume mounted through Services for Macintosh (AFP, not SMB, I'm pretty sure). Even though both the Mac and the Windows volume can independently handle filenames longer than 31 characters, because of SFM (I'm assuming) I have never been able to save directly out of any application to that Windows volume with a >31 char file name. This has never been a problem as I've kept my file names short.
Having just installed CS5, however, Save for Web isn't letting me save any file, no matter how short the name: "Names longer than 31 characters are not supported on the destination volume." I can Save For Web just fine to my desktop and Save As... to the Windows volume, but not Save for Web to the Windows volume.
The Save for Web is set to "Images Only" (not slices so it's only creating the one file).
Any thoughts? Known issue?
thanks.

That might be part of what is going on (and doesn't look a thing like our internal filenames or anything else I recognize).
Probably it's something internal to the save dialog (NavagationServicesSavePanel), and it assumes that filesystems will be able to handle long names.
Again, using SMB to connect to the server may remove part of the restrictions.
CS3/4 was based on Carbon, and used different APIs for much of the file work.
CS5 moved to Cocoa, and has a new set of file APIs to deal with.

Illustrator CS5 - Save for Web

Hi,
In Illustrator CS4 when I create a graphic on my artboard and choose Save for Web, the 'export area' is trimmed to fit the artwork exactly.
After upgrading to CS5, this no longer happens and I have to adjust the size of the artboard manually before using Save for Web.
Is there a preference somewhere that changes this behaviour or is this new & expected?
cheers,
kevin

Hi Jacob,
Yes this is still possible - but still an extra couple of steps vs just hitting Command+Option+Shift+S
I can't find a specific preference for this in CS4 - yet I'm still able to Save for Web and get trimmed art (I just reconfirmed).
Interesting & annoying...
It just occurred to me that I could create a custom keyboard shortcut - so I assigned Command+Option+Shift+1 to Object->Artboards->Fit To Selected Art
So now 2 key combos give me the same result.
cheers

CS5 save for web color change problem

Similar Messages

Maybe you are looking for