Preview options in the "save for web" dialog

According to the reference, the previews in the "save for web" dialog are there only for showing how the image can be seen on various platforms with different gamma values.
But, if we open a non-sRGB image (ProPhoto for example) by the "save for web" option, the preview options (other than the "use document profile) in the "save for web" dialog assign sRGB color space to the image even when the "convert to sRGB" option is unchecked ... this causes unrealistic, dull previews for the image.
What is the reason behind that PS assigns sRGB to the image previews if we uncheck "convert to sRGB" option?

Basically, how animation works with GIF and Save for Web in PSE is that each layer in your document is a frame of animation. So you see one layer, then the next, and so on. You should not see the contents of the last frame/layer when looking at the current/next frame of the animation.
Could you post a screen shot of your layers panel and give us a link to the GIF that is coming out of Save for Web?

Similar Messages

Slice Selection in Save for Web dialog in 17.1

Since upgrading to Illustrator 17.1 I can no longer select slices in the Save for Web dialog, nor can I select a slice on a different layer than the one it was created on. Anyone else seeing this issue?

Hi everyone,
Our apologies for the inconviences. The product team is currently investigating the bug and is looking into providing a fix in the near future.
In the meantime, please try the suggestions provided by Nolanco or jwsiddons as workarounds.
Nolanco:
In the save for web window if the image is bigger than window, zoom-out to view all artboard (Fit on Screen or less percentage), in this way is possible select any slice, when the image if bigger than window the wrong behavior take place.
jwsiddons:
My work around has been to use the slice select tool inside the artboard and go with File > Save Selected Slices.
Thanks,
Amy

Option help in Save for Web & Devices dialog

When down sampling images for use in a DPS folio, what settings should be chosen in the Save for Web & Devices dialog in Photoshop?

I need to figure out why my trim option is always grayed out. It's saved in PSD format, yet the option to trim the transparent pixels is grayed out. why is that? what am I doing wrong? I must have to change something.
Thanks in advance, Linda

Is the PNG generated by the "Save As" option the same as the png-24 from the "Save for Web" option?

It would speed up my workflow if I could go through the save for web option rather than the save as. Are these files the same?

No, SaveAs includes more metadata, while SaveForWeb makes the metadata optional.

Image Byte size in "Save for Web"-Dialog is wrong?

The Image Byte size in the finder is always larger than the size stated in Photoshop's "Save for Web"-Dialog box. For example, it shows me 34,36 KB in the SfW-Dialog, while the file information in Finder puts out "38,831 KB". Does anybody know how to fix this annoying behaviour?
kind regards,
tomasio

The size reported in the Finder can be in base 1000 (lying numbers used by disk makers) instead of base 1024 (actual bytes) if you don't change the settings.
The size reported in the Finder can include the resource fork (metadata and thumbnails, some added by the OS), plus some extra space for disk block allocations (if you write 1 byte to a file, it still takes 4k or more of disk space).
The size given in SFW is a close estimate of the actual number of bytes written to the disk, and usually matches the size reported by FTP and the web server (sometimes the estimate is off by a little bit due to the final compression options chosen).
But SFW cannot account for the oddities of the Finder or Windows Explorer's accounting of file size.

"Save for Web" dialog window not working properly

Hello,
I've been dealing with a bug since Illustrator CC that is very frustrating when I try to output my slices through Save For Web. When trying to click on the slices I've defined in order to name them—the click—does not happen where my mouse pointer is. The click registers somewhere else in the artboard.
Click screen shot for animated gif:

As Zeno said, all down to the slice selection. Save for Web will recognize the last active slice for the main document and when that is the case, only that slice is active by default for saving. So either override in the dialog or un-select all slices before saving.
Mylenium

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

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?

I also have a color problem when Save For Web

Using Photoshop CS4 and I also have a problem when I use the "Save for Web & Devices" My colors also get bleached. I found a thread with the same problem but on Windows.
As I have a Macbook Pro I can not change my monitor settings. In the SFW I check "Convert to sRGB" but it make no difference. I also tried to convert in the menu before using SFW. So I need some help here.
Here is a screen shot on my screen: http://www.scancyp.com/dump.jpg

Magooi wrote:
Also I was wondering why?
You need to calibrate and profile your monitor regularly and often
First: Because monitors can and do drift. In CRTs all kinds of electronic components and the phosphors themselves age; in LEDs and LCDs the back-light illuminants do; etc.
Second: Monitor profile files can and occasionally do get corrupted.
I validate the calibration of my monitors practically on a daily basis.
If you don't have an accurately profiled monitor at all times, your work is wasted.
Magooi wrote:
But it's a whole science to calibrate the monitor without a hardware calibration kit. I had a look at SuperCal as you suggested, but I am afraid it's gona be too complicated for me as I think it's hard enough to calibrate with the Apple calibration tool.
Even the cheapest hardware calibrator puck will give you superior results than any eyeball calibrator. That said, SuperCal is a tad better than Apple's built-in eyeball calibrator, though nowhere as good as a hardware calibrators.
Personally, I detest laptop screens and categorically do not consider a MacBook Pro a suitable machine for serious color work. For this reason, I cannot in good conscience insist on your buying a hardware calibrator.
Laptop screens can be nearly impossible to calibrate accurately.
Magooi wrote:
I have made a new screen shot with my results so far. Upper left is Photoshop original. To the right the SFW and lower left the preview result. The SFW result still don't give me the colors I want, but as I said: closer then before.
Screen shots from an uncalibrated or inaccurately calibrated monitor are worthless, always. They do not help at all, especially when they are partial snippets that don't show the whole picture.
This time around they are even worse, as I cannot see whether you rectified your Preview setting in the Save For web dialog box to "Use Document Profile", as I told you earlier:
You have to start by changing that setting in the Save For Web dialog box to "Use Document Profile".
Is your original document in a device independent color space (i.e. was your working colorspace set to such a device-independent color space like Adobe RGB or sRGB when you created the original) and is it properly tagged (does it have such a device independent profile embedded)? If the answer to any of that is no, all your work is wasted.
If your working space is set to your Monitor Profile, then your work is a useless mess. If the original is in your Monitor Profile, it's no good either. Same goes for the Preview setting in the Save For Web dialog box, if it's set to Monitor Profile, it's useless.
If you view any untagged image (any image without a device-independent profile embedded) in any Apple application, be aware that any such Apple application, From the Finder, through Preview, Aperture and iPhoto to Safari, will throw your monitor profile at your image (assuming it's really in your Monitor Profile) and it will display your image in the wrong colors, as all Apple applications stupidly assume that all untagged images were created by some fool who didn't know better.
Magooi wrote:
But now my main questions is:
Why the Original in the Photoshop SFW don't look like the original? And then why the Optimized in the SFW also don't look like the the preview? (Specially look at he shadows of the palm tree that shows in the Optimized but not in the preview)
I have no idea what all your other color settings throughout the whole application and in the Save For Web box are, what else may be messed up on your machine, or how badly inaccurate your monitor profile is. Again, your screenshot is not helpful and never will be—unless you had an accurately profiled monitor, which you will never be sure you have on your laptop, ever.
Magooi wrote:
And again, should I invest in SuperCal? It seems also to be very old.
SuperCal is better than Apple's calibrator, regardless of whatever its age may be at this point. Last time I checked, SuperCal was free. If they want to charge for it now, don't buy it. It's not worth it for a laptop screen.
On a side note, if you think SuperCal is "too complicated" for you, I doubt you're ready for Photoshop anyway, even with a better machine. Sorry, no offense meant, but it wouldn't be fair to you if I didn't tell you exactly how I feel.

Looping options in Save for Web - Animated GIF

I find this one rather annoying, in the latest verison of Adobe Photoshop CS6 when creating an animated GIF via the Save for Web dialog box; there is a looping option section that allows your animation to loop forever, or once...
In the previous version, it would remember which setting you selected for subsequent saves. In this new version, it forgets it and always defaults to ONCE; where I want FOREVER... making me forget to check it sometimes, when I'm working fast; and create animations that stop after one loop...
Anyone else experience this annoyance?
-Joe

Seems like people shouldn't have to re-request features that were already features in the last version.
Either Adobe took the "stickyness" of that setting out on purpose, in which case I'd expect nothing more will be done, or they left it out accidentally with the restructuring of the Timeline window, in which case it would be a bug, no?
But Christoph is right in either case - you can help ensure it is seen by posting it on the http://feedback.photoshop.com/photoshop_family/ site.
-Noel

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.

Save for Web does not open dialog box in PS Elements 8 for Mac

After opening an image and selecting Save for Web, the Save for Web dialog box fails to appear. I've seen similar reports for PS Elements 6 for Mac, but did not find the same files in those directories. Running iMac with OS 10.6.

There are many things that only work in an admin account, but if you're willing to take the trouble, you can change the permissions to allow them to work in a standard account. See:
http://forums.adobe.com/thread/362899
Note that it's pretty important to run Save for Web one time in the admin account after changing the permissions or it still won't work in the standard account.

Why is there no "SVG" format option in "Save for WEB" in CC? There IS in CS5!

Another simple question.

It has been removed from the Save for Web dialog, as that is for screen image optimisation. You now create SVG by saving to that format - look at the save dialog and from the format/files of type menu you can choose SVG from there.

CS5 bug rendering anti-aliased text in 'Save for web'

Seems like there's a bit of a bug when using 'Save for web and devices' with thin weights of type in CS5 for Mac. Although thin type looks fine while working in Illustrator, as soon as you enter the 'Save for web' dialogue, it gets badly mangled. Looks like this issue has been present at least since CS4. It does not happen in Photoshop. It looks particularly bad for light text on a dark background.
Some people may say "sure, Illustrator is not really meant for intensive bitmap work". However, with features like 'pixel preview' and 'snap to pixel', Illustrator has (generally) become a very viable tool for web design, and personally I much prefer it to Photoshop. It is also clear that Adobe intends it to be usable in this manner. So the anti-aliasing render bug is definitely a problem. Just surprised they didn't address it when CS5 was born.
I put up some example images on http://www.thesheep.co.uk/2011/06/24/illustrator-save-for-web-anti-aliasing-problems/ to illustrate the problem.
Does anyone have any clever work-arounds for this? It's a bit annoying to have to move stuff over to PS before exporting, but maybe that's what I have to do. Hopefully Adobe will address this soon.

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 transparency problem: Overprint & CMYK documents

OK, I had a weird problem crop up today (as far as I can tell) completely out of the blue.
When I am working in overprint preview mode in a CMYK document, and I attempt to save an artboard as a PNG w/ transparency (via Save for Web), illustrator forces a white background throughout the image. It didn't do this until this morning. Yesterday, it was working perfectly normally. I put the computer to sleep at the end of the day, woke it up this morning, and for some reason this behavior has changed.
It does not do this if the document is in RGB mode, or I have the transparency grid shown, or not in overprint preview mode. (I work in this mode because for some reason having it in standard preview shows very strange artifacts when working with raster effects, which drives me crazy)
I'm on a Mid 2014 MBP Retina, 2.5 GHz Intel Core i7, 16GB 1600MHz DDR3 w/ NVIDIA GeForce GT 750M 2048MB, running illustrator CC 2014.1.1.
I have tried uninstalling, reinstalling, restarting the computer, resetting all settings, as well as changing document settings, and editing artboard settings. And yes, the transparency checkbox is checked in the Save For Web dialog.
Any ideas?

brnscreative,
Have you tried 4) and 6) on the list?
4) is more thorough than 3), and 6) is the full reinstallation.
The following is a general list of things you may try when the issue is not in a specific file, and when it is not caused by issues with opening a file from external media. You may have tried/done some of them already; 1) and 2) are the easy ones for temporary strangenesses, and 3) and 4) are specifically aimed at possibly corrupt preferences); 5) is a list in itself, and 6) is the last resort.
If possible/applicable, you should save current artwork first, of course.
1) Close down Illy and open again;
2) Restart the computer (you may do that up to at least 5 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder (follow the link with that name) with Illy closed (more tedious but also more thorough and reversible), for CS3 - CC you may find the folder here:
https://helpx.adobe.com/illustrator/kb/preference-file-location-illustrator.html
5) Look through and try out the relevant among the Other options (follow the link with that name, Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy, Item 15) applies to CC, CS6, and maybe CS5);
Even more seriously, you may:
6) Uninstall (ticking the box to delete the preferences), run the Cleaner Tool (if you have CS3/CS4/CS5/CS6/CC), and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

Preview options in the "save for web" dialog

Similar Messages

Maybe you are looking for