RGB Colour change after save for web.

I recently had a folder full of images that I cut out and placed on a grey #e9e9e9 background, after using adobe photoshops Save for web feature, I saved them as 356 colour gif files. However when Ive uploaded them to the web I notice the grey #e9e9e9 was ever so slighty different. when I reopened the images in .gif files in photoshop, the grey background was no longer #e9e9e9 but #eaeaea. Im slighty confused as to why this has happened, and is there anyway of correcting this?

It depends on the mode:
Perceptual
Selective
Adaptive
In my tests Selective preserves larger gray
areas e9e9e9 (233 233 233). I think there is no
guarantee, except for web-safe colors (which are
otherwise quite useless nowadays).
Please read the help text
Optimization options for GIF and PNG8 formats.
Best regards --Gernot Hoffmann

Similar Messages

RGB Colours change when saving for Web

I'm saving work in RGB for Web, but the colours come out muted when saving through "Save for Web" also when saving as normal. Does anyone know why this happens? Normally this occurs through RGB to CMYK conversion, but can't figure out why it's happening, they look fine on screen before saving, but look all muted when saved.
Cheers

Two things: you could be working in Adobe RGB and saving directly to JPG, without converting to sRGB first. When the sRGB profile is assumed (Windows), or your narrow-gamut display profile is assumed (Mac), you get a color shift. So make sure you converting to sRGB as or before you save the JPG. Also, if you're on a Mac, then the display profile is assumed or assigned to images from the web. If you're using a laptop, the display gamut is much narrower than even sRGB, so you will see a color shift. The way around this is to use a browser capable of assigning sRGB to untagged images (like Firefox with color management enabled).
You can always embed sRGB profiles in your images, which would be fine for portfolio pieces, but impractical for smaller images. Embedding a color profile will ensure that Safari displays the images correctly.
Read here for a start:
http://www.gballard.net/psd/saveforwebshift.html

Colour problems after exporting for web

Hiya
I'm struggling with a colour issue on a website I've recently designed.
The original design was done in Photoshop CS3 and includes a think purple band at the top of the page (http://www.deliciouscafe.co.uk/index.html). After slicing up the design and then 'saving for web and devices', the purple changes - it appears less dense and should really be a much deeper shade.
Not sure if i'm using the wrong export method. I've tried jpeg, png and gif format but nothing seems to make a difference, however I've not tried changing any of the other settings in the save for web and devices dialog box so was wondering if something there would help?
Any assistance would be much appreciated!

Convert (don't assign) the color profile of your images to be sRGB.
When saving for web, be sure to include the ICC color profile for sRGB.
Don't mix GIF andd JPG when you are trying to maintain consisten color. Use the same format. (background.gif has a purple that may not match quote.jpg)
Web color is a mess, especially on Mac. The steps above are the best you can do.

Colour issue with 'Save for Web' - Photoshop Elements 6 (Mac)

Cross posted here, but no answer so far. Sorry for cross posting. For me, this is urgent, but I know it's not for anyone else, so apologies for putting 'urgent'.
http://www.mac-forums.com/forums/images-graphic-design-digital-photography/150670-colour-i ssue-save-web-photoshop-elements-6-a.html#post840419
This is a similar issue to this:
Save for web color issue
Except the user who posted the above was using photoshop cs3, and I'm using Adobe Photoshop Elements 6.
When I work on a photo, I get it just right, then go to Save for Web, and the original it previews is loads lighter than the orginal I was working on in the first place. See 'Picture 1' attachment.
I have changed the colour settings on the Save for Web options - I've chosen each one in turn, and none fix the problem.
There seems to be no similar option in PSE6 to this that fixed it in CS3:
IN the save for web box there is a small round button with an arrow in it (near the Done button).
In the list when this button is pressed deselect Convert to sRGB
I used to use PSE2 on a PC, and never had this problem. I didn't need to mess about with colour profiles or anything similar on the PC. The original was the original, not a washed out version of the original. Why spend ages getting the file just right, only for Save for Web to screw it up?
Any advice to fix this would be much appreciated.
Thanks

Thanks very much for your reply.
I've uploaded the images here:
http://jimpix.co.uk/images/Picture 1.jpg
http://jimpix.co.uk/images/Picture 2.png
I deleted the prefs. file you suggested, and then opened PSE6.
I then tried the profile setting you suggested - but it's not an option:
http://jimpix.co.uk/images/Picture 3.png
I tried 'remove profile' just in case that worked, but the same effect happens on Save for Web.
Not sure what to try next!
Thanks

Original file turns modified after "Save for Web-"

Hi everyone!
I'm with a little question.
What happens to the edited file after saving its copy using the “Save for Web…” command? Why the original, unmodified file turns into “changed” (with * symbol after its name)?
P. S. The same behaviour is in the Illustrator.

It's because the original file did get changed, because the Save for Web settings were changed. Photoshop saves most Save for Web settings so that the next time you use Save for Web, you don't have to set all the options from scratch.
I tested this by opening a file and using Save for Web without changing any settings, and that time the original document did not ask me to save before closing.

Width*height vals changing in save for web ??

Hi all
I've opened an EPS file in illustrator cs4. And its width & height values are differing with width & height values in "save for web" option.
For example, normally in width & height boxes shows as
width : 247.499 pt
height : 116.524 pt
but in save for web
width : 249
height : 117
I've checked with various figures too.

Script lan : javascript
thanks for ur help!
Actually I've to resize the figure for the width 175, 525, 1400 and the height should change proportionally. So I tried, but I couldn't resize the figures using save for web. Becoz its horizontalScale & verticalScale treats values as percentage. eg. 175 treats as 175%. Then I grouped all items and changed its "width" and foud out the values' corresponding "height" values. But the problem is, exported file's values are changing nearly 3pts.
could u help on this?

Psd turn into JPEG prewiews after save for web. Help!

save for web>save>save optimised as>save>close. That gives me a jpeg (the previous was a psd), but in the form of a preview thumbnail, top right corner bent, loupe and "JPEG" on it. I did about 20 psd just fine,ending in the folder as jpg images, keeping their previous names and the new "jpeg" underneath. What happened?
Not less odd, as I was shrinking the folder window, (bring in the bottom right corner, but this is probably not related), all the previous ones (the jpeg images) turned into preview icons, too. By moving the cover flow, they turned back into images, and by moving them again, they turned back into jpeg
icons, this time, not with the loupe and the photos, but with 3 geometrical shapes on them. If I bring them back into Ps CS3 and save for web again, and then close, I get a "save changes to the jpeg document?" question,>save, which gives me a regular save as window, and they stay images, and I could end the problem like that, but that might cancel the previous save for web. Help! goodnight now.

I guess I have been sending all along (my almost 2 years of photoshop) inflated pictures of images (which however I take the care of reducing to 1000
pixels from the original 4000 something that they originally are). What's odd for you guys, and normal for me, is that the computer went back to turning
out "normal" .jpg images, in small characters, like it has been doing all along, as if it went on a freaky spree yesterday, and I will probably go along with it, just because i don't know how to provoke deliberatly the JPEG with the loupes which appeared breafly yesterday, and that I am supposed to expect.
I don't have any third party add on (do you mean plug in?) Only GF, sitting there, unused for a year.
Of course now i am intrigued: Marion: what do you mean by :"this may be affected by normal Finder settings" ? Any settings that i can control to get those JPEG with loupes that I should expect all the time?
Thanks everybody, i'll just leave the thread open for a bit in case somebody wants to shed some more light on my state of confusion.

Interface keeps changing in save for web panel

How can I set my interface to stay the same as one time the "save for web" panel shows the 4 images in a square, then the next time it shows in 4 vertical strips and then other times is shows up in horizontal strips?
This might be something very simple, but it's really annoying me!
Thanks in advance!
Windows Vista
PS CS4

OMG! How many years have I been using this program and I have never noticed this until now?!?
Sorry for the brain fart and thanks for pointing that out!!!
I am really having a good laugh at myself about this one!
Jules

Colour shift in save for web when saving on PC and then viewing on Mac

Hey peeps, I am aware of this colour shift when saving images for web. I have a designer resizing, cropping photos, and then saving on PC. He uses PC and when he sends the photos over to me on my Mac there is a big colour shift (photos are much lighte
Could anyone please explain exactly what he needs to do in order for these photos to look the same as the originals on my computer, basically no lightness shift? Any help would be much appreciated.
Thanks
Adam

Because the WWW is based on untagged (2.2 gamma) sRGB - your genius is probably sending you untagged sRGB if they were Saved for the Web (that's how I prepare my Web color).
Your Mac display should be profiled to 2.2 gamma (you are likely at the old default 1.8 gamma now if you're seeing a lightness shift on untagged sRGB)...if you want "your color" back in Photoshop, you will need to (re)Assign the sRGB profile...

How differs soft proofing in View - Proof Colors and Save for Web - Preview?

Hi, I'm currently confused with one inconsistency. My working space is Adobe RGB and I use calibrated monitor. After I finish my work on image I go to View -> Proof Colors -> Internet Standard RGB. Image looks terribly with the overall violet/purple hue. Then I open Save for Web dialogue, I check Convert to RGB and from Preview options I select again Internet Standard RGB. Now the previewed image looks as expected. The same results I get if I manually convert image to sRGB before soft proofing and saving for web. So... what's the difference between preview in Proof Colours and in Save for Web? Thank you for your opinions.

Hi 21, thank you for your input. All what you say makes perfect sense, it is exactly how it should work and how I expected it works. My problem was, that while testing this theory in practice, I have come to different results. I expected, that if I stick to the theory (meaning keeping in mind all rules you perfectly described) I should get the same result in both soft proof and save for web preview. But... it was not the case. Save for web preview offered expected results while soft proof was completely out of any assumptions and colours were totally over-saturated with violet/purple hue. Also, Edit -> Assign Profile -> sRGB gave another result then Soft Proof -> Custom -> assign sRGB (preserve numbers), but the same as save for web preview. What troubled me was why this is so.
Today I've made tests on hardware calibrated monitor and... everything works exactly as you describe and as I expected.
Then I went back to another monitor which is software calibrated (both monitors are calibrated with X-Rite i1 Display Pro). And again... I received strange results described above. So I did the last thing I thought and disabled colour calibration on that monitor. And suddenly... both soft proof and save for web preview gave the same result.
Probable conclusion: soft proof and save for web preview (together with Edit -> Assign Profile) are programmed to use different algorithm which is evident on standard gamut monitors with software calibration. Question can be closed.
Gene and 21, thank you for your effort.

Save for Web default folder in PSE 11

On my Windows 7 system, in PSE 8 when I select Save for Web, it defaults to saving the image in a folder I chose that is separate from the one I used in Open.
(Save and Save As default to the folder I opened the image from, and PSE 11 works the same way even though "Save As to Original Folder" is not checked in Edit | Preferences).
But "Save for Web" also always defaults to the folder the image was opened from, even though I have started it in Admiinistrator mode and changed the destination.
That worked to change the default file type from GIF to JPEG, but had no effect on the save-for-web default destination.
Is there a way to set/change the save-for-web default folder in PSE 11?

That makes sense, but it doesn't work for me in PSE11 (though PSE 8 is OK). I get the same result as yesterday, even after rebooting, which I hoped might clear any cached settings. With or without checking Save As to Original Folder, what happens is this:
- Save to Web defaults to saving the image file in the source folder;
- if I change the destination to my Web-images folder, that lasts until I close PSE 11, and not beyond;
- when I start it up again, Save For Web defaults to the source folder (with or without Save As to Original Folder, and regardless of Run As Administrator.
Looking at the folder C:\Program Files (x86)\Adobe\Photoshop Elements 11
I see that no files show a change in the last several days, so the setting must be elsewhere, in the registry or in C:\Users\... somewhere. Hmmm..

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.

Error message - image exceeds size save for web was designed for

When I try to Save to Web in Illustrator CS3, I get the following error message: "the image exceeds the size save for web was designed for". Even when I click that I want to go ahead and save it, it sends another error that reads "could not complete this operation. the rasterized image exceeded the maximum bounds for Save for Web".
Earlier in the day yesterday, I saved for web with no issue. NOw, it doesn't matter how small my design is, it is giving this error.
Please advise.

> So in CS3 Save for Web grabs the Artboard, neither the artwork nor the Crop Area/Marks area?
Creating a new document using "Basic RGB Document" and then "Save for Web & Devices" crops either to the artboard or to the artwork as selected from the "image size" tab in the save-for-web window.
If your artwork extends beyond the artboard, selecting "clip to artboard" will obviously eliminate everything outside the artboard. Unchecking it will crop the image to the artwork in the file (and thankfully not any artwork that is hidden).
If you make crop marks in the file, you can choose to either clip to the artboard or not. Not will clip to the crop marks, acting as kind of a secondary artboard.
ETA:
You can choose which type of on-screen file type you want your output to be. From GIF, JPG, PNG-8, PNG-24, SWF, SVG, and WBMP. And whether or not you want transparency in those formats that support it.

CS4 Save for Web Annoyance

I recently installed PS CS4 and found the Save for Web feature added something very annoying. Every time I select it a dialog box pops up saying "Are you sure you want to erase all save for web preferences". Then you have to click Don't Erase or Erase and then it opens the Save for Web panel. There is no button on that dialog box saying don't show this again. So, how the heck to I disable that thing? It's incredibly annoying. I haven't been able to find an option in Prefs or in the Save for Web panel.

This occurs (on the mac) when you hold down the Command+Shift keys, and click Save For Web from the File menu (give it a shot). This also occurs when using a keyboard shortcut to Save for web that uses Command and Shift together. This is especially annoying since I change my Save For Web keyboard shortcut to Command+Shift+S.
A fix in CS5 would be much appreciated, or at least the ability to disable that pop-up somewhere...
Thanks!

Why does the quality of my images change after I click on Save For Web?

After I click on "Save For Web" the quality of my images changes, how can I stop this?
I use photoshop CC on a macbook.
Thanks in advance!
Bo

Good day!
Could you please post screenshots to illustrate the issue?
Regards,
Pfaffenbichler

RGB Colour change after save for web.

Similar Messages

Maybe you are looking for