Rescuing my RAW color from Photoshop's "Save for Web"

Hi,
I love the depth of colors the images have in RAW format (with 16bits per channel). However, when I go to Save for Web, the color profile gets trashed (in the preview as it would in a browser) and I'm left with a lifeless image that pales in comparison to the original. To prepare for this, what I've been doing, is switching to the 'Monitor RGB' Proof Setup and adjusting Brightness & Contrast. Is there a better way? Thanks.

>If I'm not embedding the ICC profile in the JPG, won't Save for Web/Monitor RGB show me what the file will look like in a browser?
No, it will only show you what it looks like on
your monitor in an unmanaged app. It will
not show you what it will look like on other people's monitors. sRGB was designed to resemble an average monitor, so if you want to know what your image will look like on average on other people's monitors in unmanaged apps/browsers/flash, you need to look at a sRGB version in a managed app. Otherwise you're just targeting your specific monitor and actually causing a bigger difference on other people's monitors because of it.

Similar Messages

Photoshop CS6 Save For Web UI extra border Bug

Last week we finally got upgraded to CS6, and I'm dissapointed to see the visual defect I reported in CS5.5 still exists in Photoshop CS6 Save for Web. The details and screenshots are all the same as in my previous thread. http://forums.adobe.com/message/3843054#3843054
Isn't there a way to fix this? I rely on PhotoShop to be pixel perfect, not to add extra distracting lines and borders to my work.

FYI, just to test I just did a crop of an image, then screen grabbed the result.
To ensure the edge is visible, I changed the workspace background from the dark gray I usually use to a lighter gray... Here's the pertinent part of the workspace...
A closeup of the upper-right corner:
Notably, I don't see any black line around it like you showed. This leads me to wonder whether I interpreted your screen grab properly...
-Noel

Photoshop CS4 Save for Web JPEG Colors are Off

Ok, I've scoured the web to see about finding a solution for this and tried every possible option and still I'm coming up empty handed. I have a website that I'm developing for a painter and have an image converted to sRGB, and the colors are where I want them to be. I use Save for Web, and every iteration suggested online for the, embed and don't embed, convert to sRGB and dont' covert, use document color profile, use windows, yada yada. Here's a recent example:
when i preview the image with Firefox, here's the difference:
The photoshop version is on the left and is the color that I want/need. The image on the right is firefox and saturated. If I save for web with embedded profile, safari is accurate, whereas firefox is saturated, so it's obviously discarding the icc and using some color space that I can't see in my file. I did notice that if I have my Custom, Proof and select Monitor RGB, then I can see what firefox will ultimately display and also what Safari will display if i have Embed ICC Profile unchecked in the save for web dialogue box.
I know that CS2 and CS3 were easier and less squirrely with color managing web files, but I think CS4 has some juju under the hood. Am I the only one out there frustrated, or like other web developers just accept the inaccuracy and move on? Since this is fine art, I'm doing my best to dial the color in, but it's been all afternoon beating on this.
Any ideas, I'm ready to install CS3 and see if my life will be easier, but I'm wondering if having Photoshop CS3 and CS4 will cause any issues.

>> your logic
That's my rant and I'm sticking to it.
The OP wrote he doesn't want or need to discuss the pros and cons of embedding profiles in Web images, but for the sake of anyone else reading this:
1) Embedded ICC Profiles increase file sizes (about 4K per image).
a) I may have over 100 thumbnails and dozens of photos on one page,
b) Plus, I may have an image sliced into many pieces.
c) That additional 4k per image, per slice, will add up fast and may kill dial-up traffic.
2) Very few computers use color-managed web browsers or calibrated monitors anyway, and
3) Problems with matching/blending image's edges or background color with a filled box or page color.
d) If I tag the image — on Mac colormanaged browsers — the color will mismatch the box/page color on managed browsers because the tagged image is being Converted to MonitorRGB, and the untagged page or box color is having MonitorRGB Applied.
e) This matching or blending a pixel-based graphic to page color is a pretty big deal to do correctly in professional web publishing.
f) If I publish untagged sRGB images/graphics, the box/page color will match the images and blend correctly in all browsers.
I WILL QUALIFY my general recommendation about embedding profiles in pixel-based web images for the following reasons:
1) You are posting fine-art images, creative portfolios, and are not worried about adding 4K additional data per image, per slice.
2) You are not worried about having Mac visitors seeing graphic blends or photos mismatched to a background color.
3) You understand only properly-profiled monitors and color-managed web browsers will benefit from your embedded profile — and it is likely 99% of web surfers don't have either — however, if you are targeting the one percent who do, then there is your number one best reason for tagging web photos with embedded profiles.

Photoshop CS6 save for web some colors change?

I have a picture with large area of color: #fffdfd, when I save it for web (jpg) this color is changed to #fefcfd (in JPG).
I just can not save as JPG with #fffdfd.
(was trying uncheck convert to sRGB, do not embed color profile - always #fffdfd changes to #fefcfd when save for web)
However, color #fefcfd when save for web , does not change.
Why some colors change and some not? Is it a bug ?
Window7 64bit, Photoshop CS6

Save for Web & Devices will strip some color data from the file.
Browsers aren't color managed. Most file formats on browsers assume they're sRGB. While Photoshop gives you an option of embedding sRGB to the document color space, it also strips off data that is not relevant. This is a common occurence.
PNG-24 on the other hand will give you the exact color match.
Also, Save for W&D, JPG quality matters a lot - The same color at Quality 10,20,30,40,50...100 wil give you different color reproductions on the JPG end output.
If you're concerned that much about an offset of +/- 1 hex value to your RGB colorspace, dont save for web & devices. Do a 'Save As' instead. Then use an image editing/ resizing application such as ResizeMe to resize the quality of your document. This, in most cases will retain colorspace information but just drop the resolution and quality of the image - giving you a lesser filesize.
On a sidenote, You may also want to read this article on how to best manage color spaces: http://viget.com/inspire/the-mysterious-save-for-web-color-shift

Color shift when using save for web

Hello,
I am converting my psd files to jpegs using "save for web". I am noticing that the colors are shifting from the original after saving for web. The color shift does not happen if I just convert the psd files to jpegs by using "save as". The psds have a profile of RGB1998. I am using CS3 and my monitor is color calibrated.
Do I need to convert the psd documents to sRGB first before I go to "save for web"?
The preview doesn't look any different if I check ICC profile in the save for web window. I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
Anyway I am wondering if I have to accept a color shift when saving for web or is there something I can do to get the saved for web jpegs to more closely match the original psd?
Thanks a lot for your help.

I think the reason why this question is asked often is because the FAQ entry is pretty lame and incomplete, especially for Mac users that by default have a color managed browser and by default have a screwed up rendering mechanism for untagged images.
Depending on your version of Photoshop, you can convert to sRGB before or during the Save for Web operation.
cesspool13 wrote:
...I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
You convert to sRGB for the systems that do not fully support color management.
and...
You include the sRGB ICC profile for the systems that do support color management.
Doing both covers your bum in most situations. You may choose to omit the ICC profile if you are working on common interface graphics that do not require strict color management. The ICC profile adds a few kilobytes to the file size that are not necessary on lesser graphic elements on a web page.

In Photoshop CS6, Save for Web strips out my filename after a period "." character

I have a file named label-1.5oz.psd. In Photoshop CS6 when I use "Save for Web" to save it as a JPG, it only wants to save a part of the filename: label-1.jpg
I strips out everything after the period "." character. I know it's incorrectly thinking that's a file extension.
Any ideas how I can fix this? Any settings I should tweak? I'd really love for it to save the full filename without requiring me to retype the last part every time.
Thanks in advance for any help!

Oh if only it were that easy... Unfortunately, they have to be cropped and resized, converting over from a print catalog where much of that work was originally done in InDesign, and now have to convert each individual image to make the web site look like the catalog... but thanks for the suggestion, have already tried to automate what I could.. But much of this is going to be hands on... getting my familiar quick keys to function correctly would help greatly.

Photoshop CS3 "Save for web" doesn't work

Hi everybody. I noticed one weird thing. When I want to use "Save for web" function on my Photoshop CS3 to save some jpg file and reduce size, the dialog window just doesn't appear. I clicked Save for web and nothing happen. The window of the file a wanted to save just get grey. I'm new in CS3 an it worked well in my CS2. BTW I use MacBook Pro and CS3 for Mac.
Guys, any ideas?
Thanx a lot. :-)

Hi all,
Deleting the SFW prefs worked for me.
My Photoshop CS3 was working fine till I (probably unwisely) tinkered with system files to free up some space.
Re-installed CS3 from scratch but still couldnt "Save for web".
Then I found this tip suggesting deleting the SFW prefs and BINGO! Back in acion.
Thanks for the tip.
G

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.

Photoshop CC Save for Web Greyed out

After the last Creative Cloud Photoshop update my Photoshop CC 64 bit save for web is greyed out and I can no longer save as a png. Using Windows 7
How can I correct this.
thanks,
Buddy

I have the same problem. Save for web grayed out no matter what. Also photoshop denies opening any png file, also the png format sometimes doesn't even appear in Save as.
I can import png by choosing Open As and selecting Camera Raw. But then I can't save as png again. QC slacking at Adobe or what? Never experienced these kinds of difficulties with earlier versions. Might just as well brush off my old CS4 masters collection.
Will try a reinstall although I frankly don't have the time to wait for the endless download.

Photoshop CS6: Save for Web Automatic Resize Issue

Some my .psd files (CS6 Photoshop, MAC OSX 10.7.5, Processor: 2.5 GHz Intel Core i7) automatically resize to a percentage. I can't figure out what the cause is, and it will not allow me to change it back to 100% to slice out images for web.
File Type is .psd - RGB 8 bit/color
Fie Dimensions are 1400px by 10,800px.
File Size is 60MB
The file is extremely slow to open and adjust anything within the file as well, not sure if the issue is related.
I am working off of my desktop not off of a server.
Attached is the save for web issue.

I have the exact same issue, just on certain files?
I have to 'save as' instead of 'Save for Web'?
What causes this to happen?? I also have the preview window displaying a gif when I've got the PNG option selected???

Photoshop CS6 Save for Web not working

I am using photoshop CS6 (cloud) on Mac (10.7.5) and when I use the Save For Web > save, i got the following popup :
---- Adobe Save For Web Error ----
Could not complete this operation. An unknown operating system error has occurred.
I have been using CS6 for months and it worked fine yesterday before shutting done. Today morning at startup it was not working anymore.
I have tried to uninstalled and reinstalled photoshop, clear my presets, shut down/started up, repair disk, repair permissions,... without succes.
The save for web function still works in CS5.
Any help will be very much appreciated,
Raphaël K.

I found the solution (took forever to consolidate all the answers) for OS X 10.9 + Maverick. Finally!
1. Change permissions (as AOTPR says) to your User/Library/Preferences file so that your admin and user (the one you are using) has read + write permissions within the Get Info pane (command+I). You may have to add them with the sign.
2. Delete Adobe save for web 12.0 Prefs & Adobe save for web 13.0 Prefs files within the User/ Library/ Preferences folder. These may be hidden for some people, so when in a finder window, hold Option(alt) and click Go from the main top menu (keep holding Option/Alt) and click Library — the full Preferences folder should open for you.
3. Change the view when in Save for web pane in PS. If you have it in Cover Flow — it won't work. Change it to another view like List or Columns view.
Presto! Works for me on Maverick.
Thank god. It took forever to get this cleared up!!
If you have any questions, email me [email protected]

Photoshop CC Save for Web Incorrect

Hi everyone,
I recently purchased the Adobe CC suite for my Mac, OSX Mountain Lion.
Trying to Save for Web (which works) but I'll select an option on the top right, lets just say JPEG 70% (or PNG or anything) for arguments sake and on the bottom left where it displays the potential file output information it'll always show GIF, the GIF output size, etc.
I'm not sure whether I've got a setting wrong but I haven't had to change anything since I started using Photoshop back at PS7.
Wondering if its a bug or not or if anyone knows a potential fix?
Thanks!

Hey ckocho,
I can confirm this is a bug.
My belief is, it may have triggered after attempting to export a very large sliced document with "Save for web..." and then become stuck in this mode.
Here's a list of my symptoms (so others might stumble accross the solution):
- Photoshop CC (updated to version 14.1.2 x64), Windows 7, 64bit
- Save for Web... interface fails to correctly show "Optimised" view
   - No estimated filesize displayed for slices
   - Optimised preview not rendered using selected filetype (gif/jpeg/png) ie, all slices look like GIFs, and don't change when other selections are made
   - Selected slices do not "highlight" (outline) correctly, so you can't tell which ones you have selected
So by guesswork alone, you can still make selections and choices. The output is perfect, but working blind regarding the look and filesize quite defeats the purpose of the tool.
Now, the good news.
The above trick corrects the problem! Thank you ckocho!
Simply open the "Save for Web..." dialogue and change views from "Optimised" to "2-Up", "4-Up" and back to Optimised, and the problem is gone. No reinstall required, whew!
Dear Adobe, please look into a fix
Cheers,
Anthony

Photoshop CS3 Save for Web Outputs Large Filesizes

Hi guys,
I have been using Photoshop CS3 for many happy years and over the last few weeks I have noticed something very unusual. When I use Save for Web and save jpegs, gifs, or other images, the estimated file size which shows in the corner is being heavily inflated when I look at the actual file size of the files it's outputting.
I am having to open up the files in Preview and then do another save as jpeg to get the file size down!
For example, I regularly make small 200px wide by 96px high logos for a clients website and have been doing this for a few years. The average file size of these is about 5KB, which is what I aim for. When I use Save For Web now, it will indeed show an output size of around 5KB, however, Finder reveals the size is 17KB or higher!
Why is it doing this and how do I put a stop to it? It is very frustrating and time-wasting to use third-party apps to fix simple small things like this. Please don't suggest I upgrade to CS5 to fix the problem.
Cheers

Thanks for your help, I don't know if I reset my save for web preferences as I tried the keyboard shortcut method shown in the other forum post you provided, however, I didn't see any feedback indicating if it worked. Also, they were using PC keyboard commands not Mac, so I tried using either Control and Command just in case.
Either way I tried another thing while I was in the Save for Web dialog, I clicked on the little arrow the points to the right underneath the Done button and to the right of the Preset drop-down. It is called the "Optimize Menu", I then clicked on "Edit Output Settings" and chose "Default Settings" from the "Settings" drop-down.
My saved image file is now 5KB! Finder shows it as 8KB, however, Dreamweaver is showing it as 5KB which is all I wanted!! Hooray!

Photoshop wont "Save for Web"

Ever since I installed CC on my vanilla MacMini (Late 2014) running OS X 10.10.1, I haven't been able to use the "Save for Web" feature in Photoshop (2014.2.2 Release, 20141204.r.310 x64) anymore. I keep getting an error message saying "The operation could not be completed. The file or directory could not be found."
Google and the forums have unfortunately only come up with people having similar problems, but not with any solutions. Any help would be greatly appreciated!

I seem to have skipped your earlier response.
I've been on OS X 10.10.2 for a couple of days now. Pretty much since it was released.
Here's the contents of my ~/Library/Preferences/Adobe Photoshop CC 2014 Settings directory:
Seems like the file is missing and PS can't write in there for one reason or another. These are the permission settings on the folder:
Turns out, my initial idea wasn't the worst: I now transferred the entire ~/Library/Preferences/Adobe Photoshop CC 2014 Settings directory from my tmp-admin user to my actual user. Lo and behold – tataaa – sure enough, there was a Save For Web Prefs.psp file in there. And after starting PS, I can now SFW again.
This issue is worked around, but I am still puzzled and a bit annoyed by the fact, that there doesn't seem to be any real explanation, why on earth that problem happened in the first place and what might still be running differently than it should.
For reference …
The contents of the imported settings-directory (permissions: drwxr-xr-x 20 r8r staff) look as follows:
The contents of the original directory (permissions: drwxrwxr-x 17 r8r staff) like this:
Beats me.
Anyways – thanks a lot for the assistance, and if you have any further ideas on how to get to the root of the problem, I'd be happy to hear about it!

How to fit photoshop CS5 'Save for web' window to Macbook Air 11"

I have tried Photoshop CS5 on Macbook Air 11", however I realized that the 'Save for web' window which I always use is too big to fit into the 11" screen (The buttons kind of cut off at the bottom of the window). Anyone got any suggestion or solution for this? Thanks in advanced.

Thanks Gene. Yes, I wanted to be able to easily access my Dropbox folder from the Save for Web window. I originally had wanted to be able to add the Dropbox icon on the left where the other icons are for Network, Libraries, Recent Items, and Computer are located. However, it may not be possible to do so. However, the link that you gave me allowed me to create a new Library that linked to my Dropbox folder so it's doing the exact same thing that I had wanted I'm just having to click on Libraries first. I can live with that Thanks for the help!
Nancy, it's okay. I've done it a million times too and I probably could have asked the question in a better way. Thanks for the response!
nicole

Rescuing my RAW color from Photoshop's "Save for Web"

Similar Messages

Maybe you are looking for