Save for devices color table

I have a bunch of JPG images that I would like to make a few of the colors transparent for a web page that I'm working on. For some reason when I go to "Save for web and devices" and choose a format that alows transparancy, the color table is a dark gray color rather then showing the colors in the image and the icons below the color table are disabled. So I can't choose what color(s) I wanted to make transparent in the image. What could be the problem, and is there a solution other then reinstalling the program?
Thanks

You don't need to mess with a color table.
Read carefully:
Create a Photoshop document with a layer (not Background) that's partially erased/deleted (so that it's partially transparent). Let us know if you need specific instructions on how to do that.
File - Save As - PNG.
Yes, that's all there is to it.
-Noel

Similar Messages

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.

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.

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!

Copy & paste into save for web color palette doesn't function on macs

This didn't work in CS2 either on the mac side. Yet, you can copy a color hex code in the normal program, save for web and paste that color into the color picker for matte on a gif just fine on a PC. Get on a mac and you better get a pen out. Why?! Why can't I paste into the save for web/devices color picker?! Seriously? $600 and I can't copy and paste because I use a mac while at work on the PC I can do it without issue.

Is this something that will be given to mac users in a future update?

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?

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.

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

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

PE White Balance for separate color tables

I'm trying to use 24-patch color checker. I already have image collected. But they are not exactly 6500K and 2850K. Can I use the images to create separate color tables ?

Yes, you can. It is fine if the numbers don't match, as long as they are reasonably close (e.g., for 6500 it's fine if your image is in the 5000 to 7500 range).

Sensor analog balance for 2850K color table

Hello
I currently try to create a dual illuminant camera profile using DNG Profile Editor 1.0.0.46 beta for our Aptina CMOS MT9P031 based camera.
Using the DNG SDK 1.4, i'm converting the BAYER pattern images to a DNG with a Embedded Profile which has identity matrices set on the color matrixes and analog balance DNG tags.
D65 shooting conditions:
- High-CRI LED based light source set to 6500K @ 300 lx (spectrum fit 96%)
- CMOS sensor analog gains were adapted to achieve a neutral image at the D65 shooting conditions
a. Do I have to keep all component gains to 1.0 or adjust for the illumination?
b. Does it matter what I apply on the embedded camera profile on the AnalogBalance DNG tag?
Std A shooting conditions:
- Same light source set to 2850K @ 300 lx (spectrum fit 92%)
- CMOS sensor analog gains were _not_ adapted to achieve a neutral image. This obviously results in a orange color tint which can be eliminated using the white balance slider on the "Color Matrices" tab of the DNG Profile Editor.
c. Do I have to adapt the analog gains when shooting for 2850K
Using the converted DNGs from shooting conditions above, I can create the color table for 6500K using the "Chart" tab, but not the 2850K color. I always receive the error message:
"Non-neutral gray patches. The gray patch in row 4, column 3, has a significant color cast. Please reshoot the chart carefully to avoid color casts and try again."
...but when using the whitebalanace slider on the "Color Matrices" tab in advance of the "Chart" tab, I can tune the Std A image to a perfect neutral image. There is no color cast visible anymore.
d. Any ideas what I did wrong?
Kind regards
blad

Hi Eric
Thanks for taking the questions. Some details and clarifications:
Our analog gains are set to give a neutral image at D65 and we keep them unchanged even if the in-camera white balance algorithm detects a Std. A illuminant. This means the unprocessed RAW image contains a very warm color tint. Obviously, there is much more red than green and blue in the image. Is it correct, that then f.e. apply:
oNegative->SetAnalogBalance(0.863, 0.599, 0.389);
-> The values are derived from the red, green and blue components in the 2850K reference image from one of the gray patches on the color checker.
Thanks for the tip with the missing ColorMatrix values. When I specify a ColorMatrix and AnalogBalance as (described above) I am able to create a color table using the chart tab in Profile Editor the reference image at D65. I keep getting the error for the reference image at 2850K. Did I specify the ColorMatrix the wrong way?
oProfile->SetCalibrationIlluminant1(lsStandardLightA);
dng_matrix_3by3 oRGBMatrix( 1.627, -0.448, -0.222,
                           -0.434, 1.787, -0.350,
                           -0.341, -2.014, 3.294);
dng_matrix_3by3 oXYZ_to_SRGB_D65( 3.2404542, -1.5371385, -0.4985314,
                                 -0.9692660, 1.8760108, 0.0415560,
                                  0.0556434, -0.2040259, 1.0572252 );
dng_matrix_3by3 oCA = MapWhiteMatrix(StdA_xy_coord(), D65_xy_coord());
oProfile->SetColorMatrix1(oXYZ_to_SRGB_D65 * Invert(oRGBMatrix) * oCA);
As soon as I open the DNG with values from above in DNG Profiel Editor I get a cold image with a blue color cast and click-white balance tells me ~3350K/28 instead of 2850K/0.
Regards
Daniel

Save for Web Color Degradation

Photoshop CS2 - I am doing a Save for Web and have ICC Profiles checked off and also the User Document Color Profile is checked off. However, when the image gets into the browser (or is previewed in GoLive or Dreamweaver) it loses color and actually looks like it does when Uncompensated Color is selected. Any ideas?

Neil and/or Buko
Some of the FAQs in bold red at the top of the main page are a little dated. Maybe some should be replaced with the "color looks washed-out when Save for Web" FAQ.

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

Save for web problem for transparent gaphics

hi!
savng any transparent graphic in " save for web&.." the transparancy of original file is shown much more opaque/darker and so it will save in png file.
iattached file where you can see red box with 40% opaciy , but when opened in save for web it looks more like 60% opacity.
i found solutions of some problems for color shifting in save for web , but none of them solves my problem.
Any ideas?

All is not as hopeless as it seems just a bit hidden in CS 3 and earlier in CS 4 the mystry was brought to the frnt though not really document as far as I know.
The problem is simple to correct and has a logical reason why it is manifesting itself this way.
In CS 3's Save for Device and Web there is a small triangle at the top left had corner on the image display window that offers you a choice between the default and the problem uncompressed color, Macintosh color, Windows color and Document Color Profile which is what you are looking for since that is what you expect to match.
There is also the option to convert to sRGB which what the web basically displays well. Which is located on the upper right corner of the dialog also a drop down.
I hope this helps you find your way it used to drive me a bit crazy myself till I took a really close look at the dialog.

Color Table help

Hello,
I am developing a format plug-in to save out the color table for a document. In the documentation I am having trouble finding how I can access the document's palette. Where can I find this info? Would this work better as a export plug-in? Thank you for your time.

A file format expects to write out the image.
An export plugin could export almost anything (color table, statistics, etc.).
Either one has access to the color table for indexed color images.

Save for devices color table

Similar Messages

Maybe you are looking for