CS5's save for web size preview is lying to me. Help!

So I just downloaded Photoshop CS5. For my work I need to save images through the Save for Web and I need to save it at a certain file size as a jpg. I change the percentage to get it just at right size (75K or 25K) and then hit save. Then when I look at what I have just saved its way bigger than the preview claimed it would be. Like 10K-20K larger. I've unchecked the metadata but it still happens. (I even think it getting worse, but that could be because I am frustrated) How can I get the preview size displayed to be accurate?
Thanks.

Welcome to Mac.
http://forums.adobe.com/message/2075182#2075182

Similar Messages

Huge file size with Save for Web but preview is ok

Hi,
I have googled but not found anything about this but I have the same problem on my computer and also on a colleagues computer so it seems it should not be totally unknown.
This is what i do
1 Open a eps file, one color logo, 72dpi, size it to 110x21
2 save for web
3 select png-24 format. preview says file size ~1.3 kB
4 save -> actual file size on disk is 4 kB (ie 3 times bigger file size than it should be)
5 Preview and then right click in browser + save image as gives correct file size (on my colleagues computer this does not work, he always gets the wrong size)
I have also tried with gif and various settings, image sizes etc and the result is the same.
I'm using Windows Vista 32-bit and Photoshop CS4.
Is this a known problem?
Thanks

Thanks for your reply but i don't think that's it. When I check properties on the file in Windows it tells both "Size" and "Size on disk", where the latter is actual size on disk (depending on cluster size) but the size I am talking about is the first one.
Also just to be clear, when I say Preview, I mean clicking the Preview button that opens the file in a browser window. Not the preview within the Save for Web and Devices dialog. So I think this file is correctly created and *should* be the same as if I click Save (but it obviously isn't)
This sounds very much like a bug to me, anyone else who have seen this or can recreate?
Thanks

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?

Photoshop CS5 slow Save for Web (Win 7, 64 bit)

Hi.
I have problem with save for web in PS CS5 (12.0.1). It is extremely slow. For example selecting anything from menus takes couple of seconds. I deleted PS preferences files but that didn't help.
Any suggestions how to fix this?
Thanks.
My system is Win7 x64, Intel i7 930, 8gb RAM.

Nothing should be slow on a machine like yours.
Some possible suspects:
Make sure you have updated your video drivers from the web site of the maker of your video card.
Check what other software you have running on your computer. How many processes are running? Have you installed tons of "handy" stuff? All that takes resources.
See if you are having system errors by looking in the Windows System Event Log.
-Noel

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.

Photoshop CS5.5 Save For Web UI extra border Bug

I have observed on two different Win7 32bit workstations with Photoshop 12.1 x32 from Adobe Design Premium CS 5.5 that save for web seems to add an extra pixel of workspace background grey to the inside black border of the image display on the right and bottom edge. It's very annoying to see this extra padding in the image since it makes me second guess whether my image crop was accurate. Please see the screenshot below which was taken of a completely red image in the save for web dialogue window. Notice the top and left border of the image don't have the same problem. I've also used a screen magnifier utility (pixie) to make the issue more obvious. Fortunately the issue seems only to affect the UI, the file that is saved doesn't have the extra pixels included. I hope this issue can be verified and reproduced here so that it can be fixed in future updates.
Thanks!
-tony

FYI, just to test I just did a crop of an image, then screen grabbed the result.
To ensure the edge is visible, I changed the workspace background from the dark gray I usually use to a lighter gray... Here's the pertinent part of the workspace...
A closeup of the upper-right corner:
Notably, I don't see any black line around it like you showed. This leads me to wonder whether I interpreted your screen grab properly...
-Noel

Suddenly save for web size limit?

Suddenly save for web wont allow me a 100% save,
only 42.5% upper limit?????????
Thanks anyone

Let's go for a general Prefs Reset
Press and hold Cmd - Opt - Shift immediately upon cold-starting Photoshop. If you get the keys down quickly enough - and you have to be VERY quick - it will prompt you to confirm deletion of your established preferences, which will lead to them all being set to defaults.

CS5 Save for web not showing in Name order..Help

Hi
I have noticed today that something has changed.
I am using Photoshop CS 5 on Windows XP Pro.
When saving images for web (for my proofing system i do which is saving photos of cars i.e CAR-10_01, _02 and so on then CAR-22_01, _02 and so on when i get to the part of selecting where to save i notice each time i save photos they are now appearing in the order they are saved as apposed to the order of name of the photo.
I have tried going to the folder and arranging by name it works in the folder fine, I have tried doing that on the small window when saving through PS it shows the files in order by name then but when i go to save the next photo it goes straight back to arranging them by modification which is a pain as certain files in this case care numbers are appearing all jumbled up as apposed to in car number order.
I have tried everything i can think of but it keeps reverting back to showing me them in order of time i have saved the files. Last week it was not doing this and i was seeing them in order of file name.
I hope this makes sense and someone can help me please?
Regards,
Jon

jmcg,
It is just a matter of monitor resolution.
And the fact that Illy counts 1 pixel as 1/72 inch.

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

Generate Preview - Save for Web Crashes Photoshop

Ok so when using Photoshop CS3 for web use i usually save for the web and preview in firefox, Now i had a few issues with photoshop, and so reinstalled my system, However since this now when i go to save for web, then preview image, Photoshop freezes during the Generate Preview.
Any Help
Cheers
Alex

Thanks Chris,
Here is the latest crash details from Event Viewer, it also crashes intermittently when I open documents, this is a crash from opening a document today.
Faulting application name: Photoshop.exe, version: 14.0.0.0, time stamp: 0x5176451b
Faulting module name: ntdll.dll, version: 6.1.7601.18205, time stamp: 0x51dba4e7
Exception code: 0xc0000005
Fault offset: 0x0000000000027b0b
Faulting process id: 0x2fa4
Faulting application start time: 0x01cea063426c74fe
Faulting application path: C:\Program Files\Adobe\Adobe Photoshop CC (64 Bit)\Photoshop.exe
Faulting module path: C:\Windows\SYSTEM32\ntdll.dll
Report Id: 715dd1e4-1044-11e3-8c24-7c05070d23cd

CS5 Save for Web won't let me save to Windows volume

I have a Windows Server 2003 volume mounted through Services for Macintosh (AFP, not SMB, I'm pretty sure). Even though both the Mac and the Windows volume can independently handle filenames longer than 31 characters, because of SFM (I'm assuming) I have never been able to save directly out of any application to that Windows volume with a >31 char file name. This has never been a problem as I've kept my file names short.
Having just installed CS5, however, Save for Web isn't letting me save any file, no matter how short the name: "Names longer than 31 characters are not supported on the destination volume." I can Save For Web just fine to my desktop and Save As... to the Windows volume, but not Save for Web to the Windows volume.
The Save for Web is set to "Images Only" (not slices so it's only creating the one file).
Any thoughts? Known issue?
thanks.

That might be part of what is going on (and doesn't look a thing like our internal filenames or anything else I recognize).
Probably it's something internal to the save dialog (NavagationServicesSavePanel), and it assumes that filesystems will be able to handle long names.
Again, using SMB to connect to the server may remove part of the restrictions.
CS3/4 was based on Carbon, and used different APIs for much of the file work.
CS5 moved to Cocoa, and has a new set of file APIs to deal with.

CS4 - Save for Web settings

I'd be grateful for confirmation that I am using the correct Save for Web settings to achieve the colour effect I want.
I am using an sRGB workflow as my output is for the web. I am using a NEC 2690 LCD display which is wide colour gamut but I am using in its factory set sRGB (and non-calibratable) mode. I have calibrated the NEC using my Eye One display and this shows as the default monitor profile in the vga card's driver but what effect it is actually having I am not sure (OS is Vista 32bit). My CS4 colour management settings are based round the sRGB Working Space. Normally I convert to sRGB all images before saving them in Save for Web.
I am trying to ensure that the colours I see in images at the Save for Web stage preview are what I will see on the web and in other non colour managed environments. Specifically, I'd be grateful to know if the following settings seem right for what I am trying to achieve:
Preset: JPEG High
Quality: High
Optimize selected (but not Progressive or Embed Colour Profile)
Convert to sRGB selected
Preview: Use Document Profile
In the past (pre-CS4) I've had problems with images outside of CS3 looking over colour saturated and I want to avoid this now.
Thanks for any help with this.

> I am trying to ensure that the colours I see in images at the Save for Web stage preview are what I will see on the web and in other non colour managed environments. Specifically, I'd be grateful to know if the following settings seem right for what I am trying to achieve:
> Preset: JPEG High
> Quality: High
That's good, though you you should still try to get the image filesize as small as possible without losing important image details. Many images can support a lower quality JPG setting so you should see how low you can go before you visually see a problem. No sense delivering a higher quality JPG if it's not needed. Higher quality = larger file sizes = longer download time for the webpage.
> Optimize selected (but not Progressive or Embed Colour Profile)
I prefer 'Progressive' as that loads an image in 3 stages (low->med->fullRez) and looks better on webpages instead of having images load top-to-bottom like a window shade.
> Convert to sRGB selected
Doesn't hurt to leave it on. Though you said you already converted them before saving for web.
> Preview: Use Document Profile
I think that "Windows (No Color Management)" will display a better preview of what to expect when the image is displayed on a Windows computer (95% of your visitors) using a web browser that's not color managed (ie: 99% of the windows web browsers - are there any?).
> In the past (pre-CS4) I've had problems with images outside of CS3 looking over colour saturated and I want to avoid this now.
The previous step should help with this in that you'll at least see what visitors using a decently calibrated monitor will see. But since there really is no standard that most of the world adheres to, you can only do your best to get things right at your end. You cannot control how the rest of the world adjusts or miss-adjusts their equipment.
Russell

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

CS5 Crop marks don't work in Save For Web

I'm playing in the trial version of Illustrator 5.
I'm having trouble figuring out the crop marks. I select an object and try the various versions of creating crop marks. But when I Save For Web, it does not use the crop marks as a guide to trim the artwork down. The crop marks are visible.
In CS3, which I've used for years, I would create an object and use the crop mark tool to create the marks at the size of my object. When I would Save For Web it would save the file to the exact size of my crop marks, no matter if I had artwork in clipping masks that go outside the crops.
Why does this not work in CS5?

You do speak the truth so in CS 4 and now Cs 5 you instead of drawing a rectangle and the making it into crop marks you simply draw an artboard then when you export you select to use artboards in the export dialog and select the artboard you just made and voilá.
Now before you go crazy this is an advance you can also choose to export all the artboards a range of artboards or a non-contiguous selection of artboards this way.
the difference here is that you draw the artborad which is actually drawing a rectangle and making the crop marks as in the CS 3 all in one opertation
it is really the same feature with lots of features added to it. Including the ability to name the art boards (cropped areas) number them reorder them
manage them in the artboard panel and then the team went farther than that with pasting in place pasting an element on all the artboards at once.
It is really just the crop area feature but with lots of possibilities.
If you need t draw an artboard within another artboard hold down the shift key.

Save for Web isn't using the correct size of artboard

I've been using CS5 for about 5 days now and have just run into this problem.
My artboard is 800x600 px. I have 6 layers of an animation I need to export as pngs so I can manipulate them in Imageready (yes, I still use it.)
I Save for Web, export as CSS layers, original size is 800x600 px, new size is 800x600 px (I don't touch those settings), art optimized and clip to artboard is checked.
But when I Save and check my files, not only are they 550x90 (the size of the art on the artboard) but they're cut off on the right side. It's like Illustrator is saving them as actual size, registared to 0,0 (top right corner) of my artboard.
I need to save my layers using save for web so I can drag them into other animated files in Imageready. I need them at 800x600 px because that's the size of my final art and it's easy to center a lot of layers if they're all the same size.
I can post image files if my question doesn't make sense.

UPDATE:
I've been experimenting. My artboard is 800x600 px. I have 2 layers. My artwork is 900x700 on both layers.
I Save For Web with Clip to Artboard checked.
I save a jpeg and my file is 800x600.
I save a png and my file is 800x600.
I save as png and check Export As CSS Layers and my 2 layers are 900x700. This ONLY seems to happen with the Export as CSS Layers checked.
Also, I use File->Export->PNG and check Use Artboards and my file is 800x600.
I use File->Export->JPEG and check Use Artboards and my file is 800x600.
I use File->Export->BMP but I can't check Use Artboards, it's greyed out and uncheckable. Huh? I need to export my image as a BMP at 800x600.
I don't understand what I'm missing here.

CS5's save for web size preview is lying to me. Help!

Similar Messages

Maybe you are looking for