Save for web/devices preview looks different

As you can see from the image below, the color is drastically different between the document (left) and the save for web and devices preview (right). Does anyone know why this would happen? When I publish the file from the save for web and devices menu, the color is correct, it's only the preview that is busted. So while it isn't a huge problem, it's definitely an annoyance. Thanks.

Chris,
Thanks for that information. So what would be the best way to proceed such that there is no discrepancy between how the file looks while I'm working on it and after I export? As you can see from the pic above, the difference is substantial. Should I just use Save As instead of SFW? Thanks.

Similar Messages

Hi Guys I know you are the gurus - Cannot get Save for Web & Devices Preview to work

Hello there! I hope you are well. But this feature in photoshop to preview my images on the web is important.
All I have done recently is clear some temporary internet files and hope this didn't contribute to my problem.
Any ideas or suggestions will be greatly appreciated.
Cheers
Tracey

Hi Tracey,
Does the dialog just not come up, does it present you with an error message, or ???
I'm sure you'll get more and more accurate suggestions with a bit more detail describing just what's going wrong.
-Noel

CS5 Photoshop - Adobe Save for Web & Devices Error

Hi folks,
I know similar threads exists, but this one is different. For some reason, out of the blue, I can't use 'Save for Web' anymore. When I choose 'save for web', it opens the preview dialog nicely, up until I save & get this error:
"Adobe Save for Web & Devices Error
Could not complete this operation. An unknown operating system error has occurred."
Cleared all my settings, and the error remains.
I uninstalled PS CS5, installed it again... still get this error.
Hope someone knows how to fix it!
Tx!
MacBookPro3,1, running all the latest updates (OSX 10.6.4), CS5 Master Collection.
Luckily still have CS4 Master Collection installed (and Flash CS3).
(I've just got to get this off my chest, CS5 has so much issues that I stopped using it, I'm not getting paid for playing crashtestdummie. Please don't rush any future CS collections and try fixing bugs instead. )

Hi Wade,
Tx, but 99% of my time, I work on my local system (scratch disk also). Already had problems working with the company's network (files get locked or corrupted while trying to save), so we've learned the hard way not to use the network.
I guess that's somewhat expected if you work with a Mac, in a professional Windows environment.
Meanwhile, I'm a step closer in finding a solution myself. A colleague gave me a great tip, if you create an extra user account on the system, you start with a clean library. On my second account, PS CS5 is working just fine. So clearly, something went wrong in my library. Maybe permissions like you've said. At this point, I could try to fix it by copying files from the one user to the other. But I would like to wait for that connect session so they can see what's wrong.

IBooks author color shift with "Save for web devices..."

Hi! I'm a web developer and I'm learning to use iBooks. It's a really easy tool, but there is a problem with color management wich is driving me crazy. This happen when I export images from "Save for web devices..." from Photoshop, then drag it to iBooks author.
As I do for web development, I do this:
1) Configure photoshop Color Settings to work with "Color Monitor"
2) Remove any color management from my document
3) Proof Setup > Monitor RGB
4) Disable Proof Colors
5) Use "Save for web devices..." with ICC profile and sRGB unchecked
The exported JPG looks fine everywhere... Photoshop, Preview, Safari, Chrome, FF... but looks washed out when I drag it to iBooks Author. Why?
I solved this issue converting to sRGBIEC61966-2.1 profile and checking ICC profile when "Save for web devices...", but I'm not confortable with this workaround because I'm not sure about what I'm doing exactly, and I am not sure if this images are gonna look good on any device (I only own an iPad 3).
Somebody know a best method to deal with this?
Thanks!

Hi KT. Thanks for your response. I'm already using this formats. Anyway, the problem occurs within iBooks Author interface. I mean: I can see the color shift (or washed out...) at iBooks Author at my computer screen. Of course, when I test it on iPad it also looks bad.
It's incredibly strange because the JPGs I'm using looks fine everywhere else except iBooks Author.

Save for web & devices - Background question

Hi,
The save for web & devices option is very useful, but there's one thing that causes me a problem & I don't know whether there's an easy solution to it.
Many of the transparent images I create are intended to sit across two or more background colours. As far as I can tell the matte background can only be a solid colour, so the image looks great on one area of the page, but has an unwanted border when over a different area.
Is there anyway to use a bitmap for the background matte, so that the edges of the image are adjusted correctly for its intended location on the page?
I'm just trying to avoid what I do at the moment which is split the image, save the parts with the correct matte colour, then recombine the pieces.
I suspect that the answer will either be 'No', or 'Yes, if you're using CS3+x', but I thought I'd ask anyway.
Using CS3 by the way.
Many thanks,
Paul

And the good news is that Photoshop handled transparent and partially transparent PNGs from way back.
This demonstration of a partially transparent PNG might interest you:
http://Noel.ProDigitalSoftware.com/temp/TransparencyTest/TransparencyTest.html
-Noel

CS4 using Save for Web & Devices Problem

I choose Save for Web & Devices. Select .jpg as file type but on bottom left under preview it says GIF. And I cannot reduce the resolution quality using the slide bar. It always says GIF and file size stays the same. Can anyone tell me how to fix this? It's only been happening the last few days. Worked fine before. Oh and the file I am trying to save is 72dpi RGB less than 200px x 200px. So don't think it's a file settings issue.

Thanks for the response.
The background is transparent and will end up on a white background eventually.
I tried to make it clear in Dreamweaver by scaling it and it did seem to improve it somewhat. But it still doesn't look like the clear copy in Illustrator that I started with...
I also need to be able to embed this in a Word document to print for a hardcopy manual.
I had this same problem with Freehand a few years ago.

Another save for web devices error - File already exists?

I've been using the same Photoshop CS4 on Windows 7 for about a year now, and only now this problem occurs to me.
Whenever I try to preview gifs in any browser (tried a few), I get the error message "Could not complete this operation. A file by this name already exists."
Tried renaming the files, replacing them, creating new ones, tried to enter preview on old files that previously worked, but always get the same error message.
I did some research and tried deleting both the main Save for Web and Devices pref file, and the other so called "hidden one" in the plugins folder. I've tried reinstalling photoshop from scratch. Nothing works.
Please help me. I'm near desperate :/

Ah, sorry, now I see what you're doing.
I haven't had the issue myself, but I can guess that one or more of the temporary files it needs to create in order to show them in your browser must be failing in creation. Check the permissions on the folder identified by your TEMP environment variable - you should have Full Control of your TEMP area..
Specifically, it creates a "Save for Web" subfolder there. You might be able to delete that entirely in order to start afresh.
Just to test, I've opened Photoshop CS4, entered Save for Web & Devices, and pressed the Preview button myself and it worked okay here... Your TEMP area is likely different than mine.
-Noel

Save for Web & Devices 2-up view not appearing side by side

Hi, I'm hoping someone can help me with this issue. In Photoshop CS4, when I used to go to the Save for Web & Devices screen, I liked using the 2-up view so I could see the difference between my original and the optimized versions. However, I've tried doing this in CS4 now and I remember seeing (in CS3 I believe) where the layout of the 2-up view was side by side (vertically) so you could have the original on the left and the optimized on the right. Now, in CS4, at least on my machine (mac OSX tiger), the 2-up view only displays the original and optimized horizontally (with the original on top and the optimized below). Is this a fixed layout for the 2-up view or can this be changed? Is this normal is something corrupted? I've looked everywhere for a button or setting to click (that I could think of) and have not been able to find a place where the layout setting can be changed. I know it's a very small issue for most people, but I really preferred viewing the two versions side by side vertically instead of one on top of the other. I'm assuming that this is just a setting somewhere that the user could change but I don't know - perhaps this interface update is new to CS4 and is not customizable?
Anyone have any information or solutions to this?

Thanks so much...that was so easy, but I don't think I would ever have found it!
It works now, I just resized the window and it's now side by side...funny how this was not described in the help file when I looked it up!
Thanks again.

Using "Save for Web & Devices" for a Organization Chart with Text

I created a document in CS3 Illustrator that is an Organization Chart. It contains rectangles, lines, and text. It looks great in Illustrator.
I have tried to save it using "Save for Web & Devices" to create a JPEG and a GIF so that I can pop it into a Dreamweaver document as an image and it keeps coming out blurry.
I have tried changing its size and resolution. I have tried opening and exporting it into Photoshop to try to "clean" it up. Nothing seems to be working.
I'm obviously unlettered in this modus operandi!
meem

Thanks for the response.
The background is transparent and will end up on a white background eventually.
I tried to make it clear in Dreamweaver by scaling it and it did seem to improve it somewhat. But it still doesn't look like the clear copy in Illustrator that I started with...
I also need to be able to embed this in a Word document to print for a hardcopy manual.
I had this same problem with Freehand a few years ago.

Save For Web & Devices GIF Preset options

In PS CS3, when saving for Web & Devices as a GIF, there's the default Preset of "[Unnamed]" with various drop down options such as GIF 128 Dithered, GIF 128 No Dither, 64, 32, GIF Restrictive, etc. I'm looking for the highest quality GIF. What should I use? Thank you.

Thanks for the feedback. I am using the images on a website that are somewhat larger than thumbnail size so it's not real critical. I know that generally GIFs are preferable for logos and text and JPGs for photo like images. These are a mix of art images and text. I don't know much about PNG though I notice in the GIF Save for Web & Devices drop down there are also options for PNG-24 and PNG-8 128 Dithered.
Bottom line, I'd like to know which is the best quality GIF save option of these and then I can decide between that and a JPG.

Save for Web & Devices... Illustrator CS4

Hi
I am having trouble saving for web from Illustrator CS4. What I'm finding happens is, when you go to Save for Web & Devices... you can see a pixel of white at the top of the image that runs the full width of the document. At first I thought it was the preview and wouldn't really be there once I had saved it but it was. I first noticed this with a document that contained 2 slices so I thought that the slices I had drawn were inaccurate but they weren't. The images do not increase by a pixel but not sure whether the images distort by a pixel or whether the bottom pixel is cropped off. This doesn't happen with every single file and I've experienced it on more than one machine.
Has anybody else experienced this and know how to fix it?
Richard.

Please post in the Illy forum.

CS5.1 Save for Web & Devices not responding

I was turning a mov. file into a gif. When I was finished I went to save for web & devices and after it finished loading... the gif couldn't be seen but a coral pink box took the space. Then I get a message stateing that Adobe CS5.1 is not responding... Then it closes down the program. I'm able to make other gifs. Even ones with more frames.They all turn out to be fine. It's just this certain one I try to make that always ends up closeing down the program. The file size is 248MB and the gif I'm trying to make only needs 91 frames. I'm so confused. I even used the same mov. file and made a different gif from it and it worked perfectly! I've tried reinstalling but that didn't fix anything.
So hopefully someone out here will have some helpful information on how to fix this. Thanks!

What dimensions does the image have?
And what does
I was turning a mov. file into a gif.
mean exactly?

Resize Save for Web & Devices?

My post isn't showing in my history so, I assume it didn't take. My post was this....I just upgraded from PS CS3 to CS5 Extended. Since upgrading, the "Save for Web & Devices" window is too large for my screen. It cuts off the bottom row of options (preview, save, done, etc.) in CS5. I have to drag the window up every time I need to preview/save something. Is there a setting that I am missing somewhere? Can it be resized? Thanks for any advice you can offer.

Actually, I don't have them in AI format. First, they are all in JPG format, then I do Live Trace to make it vector, save as PDF. Reopen the PDF, then want to save as SWF.
Doing that, how would I resize? Should I resize when it's a JPG?

The image exceeds the size Save for Web & Devices was designed for

I just upgraded from CS3 to CS5. I assumed that Save for Web & Devices would have been redesigned so that it would not complain with modern large photos that they were just too big!
However, it still does. I just don't get this. Photoshop in general now is editing very large images. It should be able to handle them also in this feature.
Is this just a legacy message, or is it really true that this feature can only handle small images?

Thanks for your comments, Marian.
As a book publisher, now an iOS app publisher also, it is not clear to me how you discern what Adobe intended for Save for Web and Devices. They don't tell us much. If you have found more details, please point me to them.
I dig and dig in the documentation, and nowhere see guidance as to its purpose and limitations. I wish there were more. The options and tools in it seem very good for taking an image you use for print, and making a web or iPhone version--better than I find in other tools. Apart from the warning, it sure looks like a general purpose resizing/optimization tool. I would like to know more from Adobe about what Save for Web actually does to my images in this process. Perhaps other tools would be better for images destined for devices such as the iPhone/iPad, rather than the web.
As far as we're concerned, the only issue is that Save for Web doesn't cope well with large files. There are ways to deal with that. Adobe has provided us all with some truly great tools in CS, but perhaps have neglected this corner a bit. Thanks for pointing me to workarounds. They're more awkward, but will get us there.
For my part, I mostly just ignore the warning, use Save for Web, and get my web/device images. Perhaps some day Adobe will tweak Save for Web and make it into the great general purpose tool it could be. In the meantime, they could at least put a 'don't show this message again' checkbox in the warning as Scott Falkner suggests.

Color shift (lightening) when using "Save for Web & Devices..."

Can someone please let me know why I'm getting a color shift (the entire image lightens noticably) when I export an image or animated gif with "Save for Web & Devices...". It happens on PCs and Macs, and with both CS3 and CS2.
I've been using this feature (flawlessly until a few months ago) long enough to realize that there are several settings to adjust the color table, dithering, web snap, etc., but adjusting these settings don't seem to fix the problem. When I use "Save As..." the color shift doesn't occur, and that's been my workaround, but I'm currently trying to save a few animated gifs, which must be saved with "Save for Web & Devices..." in order to retain the animation.
Please help!! Many thanks.

Ah ha! I thought so. The only reason I can speak on this topic at all is because of what I was forced to learn when I started using a Dell LCD flatscreen.
As mentioned earlier, most monitors are pretty close to sRGB, which made web work somewhat easier. However, it seems recently some so-called "wide gamut" monitors have come to market, including the recent crop of Dells. The new Dells can produce a gamut that is closer to Adobe RGB than sRGB. This means -- speaking loosely -- it can produce brighter and more saturated colours than an "sRGB" type monitor.
RGB numbers, in the context of a defined colour space, represent an "actual" real life colour. A very bright red in sRGB colour space may be represented by r255b0g0, but that same "actual" red colour is represented in the wider Adobe RGB colour space by r219b0g0. Adobe RGB, being wider than sRGB, can include still brighter reds than sRGB's brightest red, hence where sRGB hits a roof at r255, Adobe RGB can keep going higher.
Imagine two ladders, each with ten steps on it. The Adobe RGB ladder is taller than the sRGB ladder, even though they both have ten steps. The 9th step is higher (i.e. brighter) on the Adobe RGB ladder than on the sRGB ladder. So if an image contains the RGB values of r219b0g0, well if you assign it to sRGB, it will not be a very bright red. If you assign it to Adobe RGB, it will be a brighter red, because that "ladder step" (like the 9th step) is higher than the same step in sRGB.
This is why your image appears brighter when viewed in SFW and in web browsers. Photoshop knows it's supposed to be using sRGB colour space, but SFW and web browsers DOESN'T, and so it just assigns your monitor colour space, which with these Dell monitors is wider than sRGB.
I think the Dell monitor is fine...I still highly recommend purchasing some type of hardware calibration utitily (one that has a thingy that attaches to the screen to measure the light being emitted). Properly calibrate and profile your monitor, trust what you see in Photoshop, convert to sRGB for web images, and forget the rest. Either way, your images will look "good" on some people's monitors and "bad" on others.

Save for web/devices preview looks different

Similar Messages

Maybe you are looking for