Save for web as aninatwd gif, text does s keep true color

Save for web as animated gif, text does not keep true color in Photoshop

GIF is a limited format with only 256 colors. unsuitable colors will be quantized to the next available color or emulated using dithering. Everything else we cannot know, since you haven't provided proper information. Quite possible that you have color management issues...
Mylenium

Similar Messages

Photoshop Transparencies not working in Save for Web (png or gif)

Hello..
I've been searching the forums and google for a while, but everything I've found really seems unrelated. I have a little X icon (all gray) against no background, and there aren't any other layers. It doesn't work if there are either.. I'm really frustrated right now =(
Help please anyone?
Screenshots:

Ok this definitely has to be a localized bug on my machine.
I just went back into check - your comment about it looking perfectly normal got me thinking that maybe it's SUPPOSED to show the white area just to identify where color/opaque pixels are used - or something like that - but when I went in to look at the web preview I noticed two very strange things:
1. The preview area (at the bottom where it shows the filetype, size and estimated download time) was showing "GIF IMAGE", however I had PNG selected as my preset... I fiddled around and it fixed itself, and magically..
2. fixed my main issue here. That stupid white background is gone. HALLELUJAH!
You sir have the magic touch Here's what it SHOULD look like:
Best,
s

.gif preview slow in Save for Web

I am having an issue in Save for Web where the .gif animation preview works very slow and choppy. I am an advertising designer and many times I need to work on animated .gif banners. I am working with Photoshop CS6. When I play the animation in the frame timeline the animation speed works as intended, a little choppy but the timing isn't too bad. However when I go into the Save for Web screen and play the animation it always appears a lot slower and looks choppy. Anything se to 0.0 or No Delay runs as if its set to .1 seconds. Now if I export the file and open it in Chrome the animation speed seems to go back to normal. This wasn't always the case, I tested this 2 or 3 months ago and the animation speed in the export was also slow and choppy but it must have been fixed in one of the updates since then.
My issue is I don't want to have to preview everything in Chrome after I export it, and then possibly have to go back and tweak it then save again, preview again etc. I have never encountered this issue in previous versions on Photoshop or other machines. Ususally my experience has been the opposite, the frame timeline has always been slower, but previewing in Save fro Web has shown a pretty accurate preview.
I also have a HP laptop running Windows 7, photoshop CS6 and I don't encounter this issue at all. It seems that everyones default answer on all of the forums is "different browsers handle .gif animation speeds differently, etc.." but int he past I have saved a .gif on my mac and it was slow and choppy in the Chrome, then I saved the same file on my PC transfered it back to the mac and previewed in Chrome and the animation played quickly and smoothly.
I can't see it being a hardware issue because the machine I am using is farily new. iMac Late 2013/2013, 3.4 Ghz Intel Core i7, 16GB RAM, NVIDIA GeForce GTX 675MX 1024 MB, running OSX 10.8.4 Mountain Lion.
Could it possibly be a setting or preference that needs to be changed? As I stated above it seems that now when I export the animation works fine in the browser the preview is just slow, but I have read that many people are having this issue so hopedully someone will have a solution.

I don't use a Mac but the first the first thing I do when I have performance problems with Photoshop on my PC is to do some house cleaning. I reset my Photoshop Preference to a saved copy I made when Photoshop was working well. I Also clean my disk up clearing caches and temp files so the plenty of scratch space. I close all applications and look at the machine CPU utilization. Then try Photoshop to see if it is back to its normal performance.

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?

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

Save for web in CS5

I bought a new computer that runs Windows 7 and this forced me to purchase a new version of Illustrator. I previously used CS4 and now I'm using CS5. In the old version I would do the following. 1. Open a new Illustrator document with the artboard 8.5x11. 2. Create a graphic that is smaller than the artboard. 3. Click on Save For Web and a gif would be created for the graphic space, not the artboard space. With the new version of Illustrator, when I create the gif it creates it for the entire artboard. I can't figure out how to force it to create the gif only for the space taken up by the graphic. Do you have a solution for this problem?
Thank you for your help.
Marcus

I'm almost ashamed that I didn't see that check box. Thanks for the help.
Marcus

Save for Web Issue

I recently discovered that save for web is no longer functioning as expected on my machine. The problem showed up for the first time yesterday and may be the result of a recent update, though I hadn't paid close attention to which CC updates I've applied in the last few weeks.
What's happening is that whenever I use save for web to export a file, browsers are unable to display it. Most browsers simply fail to load it and Firefox reports "The image 'xyz.png' cannot be displayed because it contains errors.
Sounded like a textbook case of trying to load an image that uses CMYK, but this is not the case. Color mode is RGB with sRGB as the color profile in use. I get the same results if I use save for web to export gif, jpg or png, even on newly-created PSD files. I have tried a number of different settings/variations for export and if I simply use save as to export a png, all is well.
Opening the PSD file on another computer with CS6 and using save for web works just fine, so I don't think it's the file.
Anyone else experiencing this? I saw a reference to somethign similar in another post suggesting a complete reinstall of Photoshop, but am hoping there's a simpler fix.

What is your screen size/resolution in pixels?
If you have a small screen it may be too small.

PS Elements 10 - MAC "Save for web" broken?

Just updated to PS Elements 10... now find that "save for web" will start with the usual question confirming I want to save for web, but then the panel does not open. Nothing happens.

windsordi wrote:
Just updated to PS Elements 10... now find that "save for web" will start with the usual question confirming I want to save for web, but then the panel does not open. Nothing happens.
You can reset all settings to factory defaults by following this instaruction:
<http://help.adobe.com/en_US/photoshopelements/using/WS287f927bd30d4b1f626a494c12e28b3ab58- 7fe2.html>
Hope this helps.

Save for web--not enough memory

On a dual g5, 6gb ram I've tried to save for web an animated gif that is 960x681 pixels and 612 frames (about 10 layers with 20 tweens in between each).
It optimizes none to quickly and then 15 minutes later I get a not enough memory dialogue. Is there a way to avoid this?
alan

Well if you want to do this then probably the best way would either be After Effects which exports animated gifs.
I was under the impression that PS could only do a 500 frame animation. Or maybe that is a movie clip.
If After Effects is too much for you then the other alternative in the Adobe Suites would be Fireworks.
I would think Fireworks would be best. As it is design to optimized for the web much more so than PS. Watch the tutorial on animation and it is not difficult at all.

Illustrator Batch - Save for Web PNG - File won't close

I am trying to convert several AI / EPS files to PNG file at 800 px.
I've tried using a batch incorporating either export as PNG and Save for Web - and neither on is working well.
The batch I built simply transforms the graphic to 800 px - Save for Web - then closes the file. Or exports the file as PNG at 800 px.
The problem is that the Save for Web Dialog box opens up each time or it simly doesn't export a file. I've tried checking off the various different surpress options in the batch dialog box - but nothing seems to work.
Your help is greatly appreciated.

Thanks for your answer but the images are not for web.
I need to enlarge them because they have a lot of detail and I need to send them to someone to be checked. The only place I can save as Gif is on the "Save for Web" dialog and Gifs have the smallest size/best quality ratio for the images I need.
I don't understand why when executing the batch process it stops at the "save window" waiting for me to click on "Save".
Nevertheless, thanks anyway

Batch Save for Web in illustrator

Hi,
I'm trying to make a batch to process 110 illustrator files and save them as Gifs.
I record the Action (which includes "Save for Web" (enlarge to 1000*1400), Save, and then Close the Ai file (which I think is not even necessary if you choose "Save and close" in the Destination area of the batch window).
When I play the Action it performs "Save for Web", etc, but it doesn't save the Gif file, it waits for me to press the Save button.
It seems stupid but I want the batch to save the file by itself and carry on with next one.
Is this possible or do I have to press the save button for every file.
Thanks in advance
Jimmy

Thanks for your answer but the images are not for web.
I need to enlarge them because they have a lot of detail and I need to send them to someone to be checked. The only place I can save as Gif is on the "Save for Web" dialog and Gifs have the smallest size/best quality ratio for the images I need.
I don't understand why when executing the batch process it stops at the "save window" waiting for me to click on "Save".
Nevertheless, thanks anyway

Color management in Save for Web not working

The Save for Web dialog box in the CS6 Beta is ignoring color profiles, so color is not managed. This has not been a problem in previous versions.

The saved output is just fine. I was referring to the images in the Save for Web dialogue
I just checked my settings. CS6 apparently changed my Preview setting from "Use Document Profile" to "Monitor Color." It also changed my Metadata setting. It should not do that!
Restoring the correct Preview setting solved the color management problem, but ONLY for the Preview image. The Original image is still not color managed.
I'm on a wide-gamut monitor, so sRGB images come out looking garish if there's no color profile embedded or it's ignored. That's what's happening here with the Original image in Save for Web. I imported an sRGB image with profile embedded, and it looks just fine in Photoshop while editing. Then I went to Save for Web, with the settings Embed Color Profile, Convert to sRGB, and Preview: Use Document Profile. The JPEG preview too looks just fine with these settings, but the Original looks garish, showing a lack of color management. The color in the two views is showing as completely different, though they both represent the same image with the same color profile embedded.
Going back to CS5, the same image is properly color managed in both Original and Preview. Both images show identical color, as they should.

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' action does not set transparency for gifs ??!?

I recorded an action that just performs a 'Save for Web' while setting the white background to transparent.
The action does not save/preserve the transparency, in any mode I run it (i.e. Destination None | Save&close | folder).
Is this a known bug ?!? the same exact 'Save for Web' procedure do create a transparent background when performed interactively.
Thanks, ciao

Same issue. Hoping someone responds to this thread soon

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 as aninatwd gif, text does s keep true color

Similar Messages

Maybe you are looking for