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.

Similar Messages

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?

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

How do I change the image size in Save for Web?

I just upgraded to Illustrator CS6 on a PC. I try to save my graphic in Save for Web and want to alter the image size, but it won't change, it just goes back to the original size. If I change the percentage box, the values change. I have tried linking and unlinking the proportions and nothing. What am I missing?? I don't have time to guess the percentage to get to the exact width I need.

Make changes in the Image Size section of the Save for Web. Input new values in Width and press Tab key to move to Height field. Click on the Link icon to unconstrain proportions. As you press the Tab key again to go out of focus of the Width and height boxes, you will see the changes reflect inside the Save for Web window. If this doesn't work then make sure you have updated Ai to 16.0.1 or 16.1.0 depending on the type of installation (from Disc or from Creative cloud) respectively.

Can't change image size % in save for web

Hello,
I'm using Photoshop CC. When slicing a web mockup, and saving for web, the image percent is blocked at 58.49% and I am not able to increase it to 100%. So my original image of 1024px wide comes out at 600px
I haven't changed any settings (that I know of) and do not have this problem on any other mockup files I have. What setting do I need to adjust in order to save for web my slices at 100%?
Thanks!

I worked out what the issue was, my document height was over 8000px tall which is causing the issue, even though my slices are less than 2000px tall. When I temporarily crop the document to below 7000px, I can save out the slices at 100%. Annoying work around.
It seems a bit random.

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

Terrible image quality when using Save for Web in Adobe Illustrator CS6

When saving images of any format and of any ppi using "Save for Web", "round" corners become blurred and pixel , "acute" (vertical and horizontal) angles are clear and of good quality. Reinstalled system with the hope that the cure (Windows 7 64-bit) - has not helped. Up to this point, such a problem did not face, all was well. How can i deal with this?

You are not really making sense.
a) Viewing images at more than 100% in any viewer will introduce resampling from image to screen space. Different tools use different algorithms, but none of them will ever be perfectly "sharp". Again, simple mathematics.
b) JPEG is a compressed format that will never produce "sharp" lines in areas that don't coincide with the underlying block compression. If you wanted that, you'd use PNG or other formats.
So unless you can provide screenshots that illustrate your issue better at 100% zoom, I see nothing out of the ordinary here. Of course there could be all sorts of issues liek color space conversion or odd pixel sizes causing unfavorable distribution of compression blocks, but we realyl cannot judge any of that based on teh info you provided. Just saying that something doesn't look like you experct it to isn't really helping...
Mylenium

"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

Slicing image issue when using "save for web"

Keep in mind I am a newbi to photoshop and these forums. I am currently having an issue with using the slice tool when trying to save the image in html format. I have my image completed and when I use the "save for web" feature, it comes up just fine. Then I click the slice tool on the tool bar on the left, and try to drag over the area that I want to slice and it wont work. Currently, every time I try to use the save for when feature, the new box pops up and shows my image with a 1 and a symbol on the top left of the image like the whole image is already made into a slice. The only thing I can do is left click and hold to drag the transparent box to where I want to slice the image, and when I let go, the image does not slice. Any help would be great!

Completely wrong workflow. See the online help on the slice tool.
Mylenium

CS4 Save For Web GIF settings confusion

Hi,
I am working on a new website and have run into a problem I just can't seem to solve: my navigation links are made using a GIF and for some reason the background color of the GIF is not matching the background color of the page.
The test page is here:
http://www.johnblaustein.com/webtest2/
Note that nothing in the page is working yet. If you look closely, you will see that the navigation image is a slightly different color than the background. Very slight, but different. (Once I solve this color issue, I will make each link into a separate button with slices.)
In PS, I have created a file as follows: new file (72dpi), fill background with the same color I use on the webpage: c4c0b4. Create new layer and add the type. The new file is in Adobe RGB, but I convert to sRGB before saving for web (although I don't think that matters). When I Save For Web, I started with the default GIF settings, but when I got the color mismatch, I tried any number of other settings. I read a post here that suggested turning off the background layer of the image before Save For Web, but that resulted in the text looking bad. I've tried different color settings (32, 128), matte settings and other settings with no luck. Convert to sRBG is always checked.
I like solving these things on my own, but I struck out on this one. I am here in the hopes that one of you gurus can tell me what I am doing wrong.
Thanks very much.
John

SUCCESS!
Curt.... you were correct. I needed to create the new file in sRGB, not create the file in Adobe 1998 and then convert.
Here is another test, showing that the text box has completely disappeared:
http://www.johnblaustein.com/webtest2/nav-srgb-test
The text box is exactly the same size as in the original page I posted.
What I did is this:
Create new file to specified dimensions. In the New File dialog, for Background Contents, I selected my webpage color, c4c0b4. I clicked the Advanced arrow and selected sRGB as the color profile. I added white text, then flattened the image. In the Save For Web dialog, I clicked the Preset dropdown and selected GIF 128 Dithered and did not change any of those preset settings. I inserted the new image into a copy of the webpage and you can see that there is absolutely no indication of where the image ends and the page background starts.
I may not need 128 colors, so I'll play with that, but at least I know where the problem is.
So... thank you Curt!
What would we do without these forums?
John
By the way... I see your message was cut off in the forum, but the full message came to my email: "I am over my head on this subject. The only thing I noticed is that you are adding the color in AdobeRGB and then converting to sRGB. Will this give a slightly different color than using sRGB for the New Image from the start?"

Script to "Optimize to file size" (automatically) in "Save for Web"?

Hello, all,
I'm a novice when it comes to scripts in Photoshop, but I'm really coming to the conclusion that this is the only way to automate the actions I need to do, whithout having to do it one-by-one.
Is it possible to write a Script to automatically choose the option (and settings) to "Optimize to file size" in the "Save for Web" dialog?
Is it also possible to save the file in the document's original folder, instead of a single specific folder, using "Save for Web"?
I have a really big number of different files (some .JPEG, some .PNG, some .TIFF) and I need to generate a single "reference.jpg" in each one of those original folders. It's quite easy to use whatever method to separate all those files in some lists and later open them in Photoshop in small subgroups of files.
I only have a restriction of size (60Kb) for those "reference.jpg" files, and I would like to save all of them, in each document original folder, with the best possible quality within that size constraint.
Here's my problem:
I can easily do that with a very simple action, but, that specific way, I have no control whatsoever over the resulting filesize of those "reference.jpg" files generated. Moreover, I also find the "save for web" command create a more "slim" file, allowing for better quality within my size constraint.

c.pfaffenbichler wrote:
"I can’t make that out in the ScriptingListener code, but maybe someone else knows better or has a Script for the task already.
I seem to remember a thread where it was discussed to save a copy, check its size and overwrite it with different settings if it was too big … that should be possible, but may run longer."
Many, many thanks for your reply, c.pfaffenbichler! I spend the whole day (and night) yesterday learning (or rather trying to learn) about javascript, OOP, and how it should be applied in Photoshop's Scripts.
I was able to modify some snippets of code I found on the web to suit my needs (temporarily):
//SaveforWebSP.jsx
//Save a fixed width image with a size constraint in its original folder
var docRef = activeDocument;
var outputFolder = docRef.path;
NamesaveRef = new File( outputFolder + "/reference.jpg" );
var NewfileRef = new File( NamesaveRef )
// quality/size constraints
var w = 300; // new file width
var MaxSz = 61440; // max. 60Kb
var Qlt = 100; // initial quality 100
var x = 1; // decreasing step
// resize the image to the right width
docRef.resizeImage(UnitValue(w,"px"),null,100,ResampleMethod.BICUBICSHARPER);
// Perform the first SaveForWeb Operation
ExpWeb(NewfileRef, Qlt);
// Keep trying to save the file with max. Qlt, but under MaxSz
while (NewfileRef.length > MaxSz)
      Qlt = Qlt - x;
      NewfileRef = new File( NewfileRef );
      NewfileRef.remove();
      ExpWeb(NewfileRef, Qlt); // Perform a new SaveForWeb Operation, with slightly lower Qlt
         if (Qlt <= 50) {
           alert("The file can't be saved with the desired size AND quality.");
           break // break the loop whenever the quality is as low as 50 (this shouldn't need to happen)
var FileSz = NewfileRef.length/1024;
FileSz = Math.round(FileSz);
// close the original file without saving
activeDocument.close(SaveOptions.DONOTSAVECHANGES);
// SaveForWeb Export, with the desired constraints and parameters
function ExpWeb(FileNm, Qlt)
      var options = new ExportOptionsSaveForWeb();
      options.quality = Qlt;   // Start with highest quality (biggest file).
      options.format = SaveDocumentType.JPEG;   // Save Format for the file
      docRef.exportDocument(File(FileNm), ExportType.SAVEFORWEB, options);
This works, but it takes a long time and keep the HD disk "going crazy" during the time it is processing the images.
This is too bad, because the "Optimize to file size" dialog in the "Save for Web" would have been so much faster, efficient and much less "disk-intensive"...

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.

Image resize quality not saved in Save For Web Preset?

L.S.,
I have been working on an Action to create 12 separate PNG's for further use in my icon-software. What I do is basically this:
Start out with a 256x256px image, save it for web four times in steps from 256, 48, 32 and 16px, (32-bit)
apply some masks / layers, save it for web again four times from 256-16px, (8-bit)
set the mode to indexed colour / apply other masks and layers, and save it for web again from 256-16px. (4-bit)
I let the sizing be done in the Save for Web step.
The 256-sized pics give me no problem as they are not scaled down.
The 32-bit pics give me no problem as they are scaled down, and antialias comes along, but they have 8-bit transparency: no problem.
In the 8-bit and 4-bit versions from 48-16px, I definitely want no antialias in the sized down versions. So I set the resize quality to 'Nearest Neighbor'.
However, Photoshop seems not to be able to remember different resize qualities in one Action.
In every Save for Web-action that I do, when I set it to resize, it does so. But the resize quality is not taken from the setting. It seems to be taken from the last used or recorded setting.
That is pretty annoying, because:
- When I let the downscaled ones of the first 4, be downscaled 'bicubic sharper'
- And I let the downscaled ones of the second 4, and third 4, be downscaled 'nearest neighbor'
Next time I run the Action, all downscaling is done by 'nearest neigbor'. That ruins my downscaled 32-bit icons - they get jaggy.
If I alter the steps in the action manually and set the first ones to 'bicubic sharper' again, suddenly all downscaled ones are done by 'bicubic sharper'.
That ruins my downscaled 8-bit and 4-bit icons: they get antialias, to lime green, and that shows...
I can save Presets in the Save For Web dialog, but as the groupbox already tells me: these presets only apply to the Image quality parameters, not to the sizing parameters. Those seem to be taken from the last run.
I have one alternative to this: before every Save for Web step, I downsize the image myself, and undo the history step after saving. It's quite some work and I would just rather see that the sizing parameters saved in the Preset!

That's never been saved as part of the S4W presets. Bloody annoying.

AI CS3 - Save for Web & Devises image name problem

Hi -
For some reason when I doubleclick to name an image slice, hit Done to go back to the file, then go back to Save for Web & Devices, AI doesn't remember the names. I have to retype them (defaults back to User1 or whatever number). Anyone know how to fix this?
Thanks,
Sue

I just found this article document:
http://www.adobeforums.com/webx/.3bc4cd31/2
It looks like they now have to be saved via drop down menus in order for Illustrator to remember the slice names for export again:
"Object - Slice - Slice Options, and then in Save for Web, set the Output Settings for Saving Files"
In my opinion this is incredibly poor UI design. In prior versions of Illustrator, I would save the names in the Save for Web dialog box by simply double clicking the slice frame, and it would remember the names of my slices for export again.
Clicking through drop down menus just to name a slice is inefficient compared to just double clicking a slice frame to name the slice.
If this is a bug, is there a solution to this? (Or are we really stuck with this poor system?)

Batching multiple images - save for web?

i'm new to elements 9 on my mac & was wondering if there is a way to save multiple images for web? the only thing i've come across in the program is one image at a time. thx

Hello,
There isn't a way of sending multple images through the Save for Web dialog box. But there are ways of working with multiple files that may accomplish the same, it just depeneds on exactly what you are looking to do. For example, if you are only looking for a way to turn a bunch of PSD, TIFF, or RAW files into a internet compatible JPEG, that can be done via File>Process Multiple Files. From here you can take a folder of images and convert them to another format such as JPEG (you can do other things too, like resize, rename, perform autofixes).
-Brett

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

Similar Messages

Maybe you are looking for