Save for Web – Image Size Preview doesn't update

If I use percentage to change a JPG output size the preview either lags (regardless the size/weight of the image) or simply ignores the new value, forcing me to click on the Width/Height field to complete the action. It would be nice to kill the bug!
Running Mavericks with CC 2014

Could you please post screenshots to illustrate the issue?

Similar Messages

CS6 Save for Web image size limit (Retina)

I have been designing for a lot of mobile sites these days, in particular: iphone retina display (640w). Most of the time these designs can be long in the tooth with the height of these documents - exceeding 8000 pixels at times. I noticed that 8000 pixels is the threshold limit for the "save for web" export. Anything greater than 8000 pixels will be downgraded in quality on retina devices by scaling the image. The jpg will still be the correct height and width, but when viewed on an iphone, you can easily see the degradation. Images and text are blurry. This is no bueno when trying to show a client what their site will look like on an iphone.
So my question is, is there a work around? A preference to be changed? Am I missing something to get the full quality of my design comp in order to preserve retina display quality?

Justin, what about your screenshot that I'm posting here:
You posted that as an example of SFW downsizing to 78% to make its output be no taller than 8192 px, resulting in a width of 500 px. The iPhone will scale a 500 px wide image to make it fit the screen's 640 px width.
And my CS6 SFW set to progressive JPEG (or anything else) refuses to allow a dimension to be greater than 8192 px. Here's the message when I try to make it larger:
Likewise, the scale percentage cannot be made greater than the value which produces a dimension of 8192 px.
Anyway, I'm glad you found a solution.

Photoshop slice tool and Save for Web image quality. Will it affect prints?

I want to slice a large photo into multiple smaller (4x6) printable photos to arrange in a 12x12 inch scrapbook binder pocket (made of of 4x6 pockets). I need to order separate 4x6s online so tiling in the print options is not what I need.
The slow way I know to do this involves cropping and saving each section (maybe even recording this action to do batch processing). However, another way is to use the slice tool to quickly divide up the sections then "Save for Web...". I can adjust some parameters, but I'm afraid there are other automatic adjustments that I don't want. For example, all images are converted to 96 dpi instead of the original 300 dpi. The number of pixels remains the same so I don't think there will be problems printing the picture.
My question is: does the Save for Web function reduce image quality in any way when printing (it is obviously intended to be used to optimize images for websites)? Are there settings in "Save for Web" that would optimize for high quality prints? Is there a better way to tile an image?
I have not yet compared any prints.
W7
CS6

If you understand that something will do something you do not want like convert to 96 DPI as long as it does not resample you can always convert back to 300 DPI. If you want 6 4x6 to form a 12x12 you must start with an square 1:1 aspect ratio image. That you resample to 12"x 12" at 300 dpi if you want 6 4x6 300 dpi images.
If the original images vary in size and aspect ratio you need to crop them square or add two borders to make them square. The rest is easy to do with an action.
The square crop or border can be automated with a little scripting. If crop a center crop would be the route to go. My crafting actions package contains more the a dozen scripts to be used within action. One is a plug-in script that would make center cropping a snap two steps menu File>Automat>AspectsRatioSelection followed menu Image>Crop. Add a menu Image>Size set side to 12" and resolution 300 DPI and you have your starting 12"x12" 300 dpi image.
Flatten the image make your first 4"x6" selection copy past to add it as a layer. Select the background select the next 4x6 area copy and paste repeat that process till you have added the 6 4"X6" layers. Then delete the background, Select all, target all layers and use layer>Align layers to selection>Top edge then repeat align to left edge. the Image>Trim you have your 6 4x6 in a stack. You can the use Adobe Photoshop Script Export Layer to file. All automated in an action however the last step Export layers to files is interactive for its not a plug-in script. So if you batch it you keen to hang around to interact with the last step for each image.
You could also write you own export script that would not need human intervention to use instead of Adobe interactive script.
Crafting Actions Package UPDATED Aug 10, 2014 Added Conditional Action steps to Action Palette Tips.
Contains
Action Actions Palette Tips.txt
Action Creation Guidelines.txt
Action Dealing with Image Size.txt
Action Enhanced via Scripted Photoshop Functions.txt
CraftedActions.atn Sample Action set includes an example Watermarking action
Sample Actions.txt Photoshop CraftedActions set saved as a text file.
More then a dozen Scripts for use in actions
Example
Download

Save for Web Image Is Offset

I have AI CS4 on Windows Vista and have created an artboard that is 220 px wide and 88 px high. I then added a rectangle of the same dimensions as a background to cover the entire artboard. When I export it to Save for Web and Devices, the resulting image show a white boarder on the left. If I shift my background 1 px to the left on the artboard so that it shows white space on the right and overlaps on the left, it looks fine on the Save for Web export. Is there some set up that I'm missing to get a WYSIWYG conversion?
Thanks,
Curt

If you are trying to save as a jpeg, gif or png then you are rasterizing the vector graphic, which is likely the case of the 'white' space.
To get around this, try creating bleed of 2 pixels all the way around the artboard and then use the crop tool to crop the image to 220x88.
An alternative to this would be to open the file saved for the web in Photoshop or Fireworks and fill in the white/blank space.

Save for Web file size not updaing

I am trying to save out a graphic for the web and I'm noticing that the little number indicating file size is not updating..did something change?
OS X, CS6 Mac Pro, 16GM RAM Yosemite, 10.10.2
Thank you!

It should work. Maybe it needs a reset.
Open Save for Web, press the Option key on your Mac, the Cancel button changes to Reset. Click on it and it should clear it to defaults.
Alternate: Reset Photoshop preferences: Hold down cmd-opt-shift, start Photoshop and click on Yes when the "delete Photoshop settings file" dialog comes up.

Gif and JPG save for web file sizes in CS2 and CS3

Gif 64 dittered default CS2=2.63KB CS3=4.83KB
JPG CS2Low=1.42KB CS3=4.03KB
JPG CS2Medium=1.90KB CS3=4.51KB
JPG CS2High=3.38KB CS3=5.99KB
Why? Is there any solution besides keep using CS2 for web?
Thank's in advance.
regards
Fernando Bergamaschi

Each of the three JPG files increases by the same amount -- 2.61 Kbytes. That sure sounds like some common header block is being added in CS3. Did you check the "Optimize menu" button next to "Preset" just to make double-sure "Include XMP" isn't enabled? Or some other setting like that? Or check both images in Bridge to see if something is being added.

Color shift when using save for web

Hello,
I am converting my psd files to jpegs using "save for web". I am noticing that the colors are shifting from the original after saving for web. The color shift does not happen if I just convert the psd files to jpegs by using "save as". The psds have a profile of RGB1998. I am using CS3 and my monitor is color calibrated.
Do I need to convert the psd documents to sRGB first before I go to "save for web"?
The preview doesn't look any different if I check ICC profile in the save for web window. I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
Anyway I am wondering if I have to accept a color shift when saving for web or is there something I can do to get the saved for web jpegs to more closely match the original psd?
Thanks a lot for your help.

I think the reason why this question is asked often is because the FAQ entry is pretty lame and incomplete, especially for Mac users that by default have a color managed browser and by default have a screwed up rendering mechanism for untagged images.
Depending on your version of Photoshop, you can convert to sRGB before or during the Save for Web operation.
cesspool13 wrote:
...I have been told that you are not supposed to embed the ICC profile in the document when saving for web because most monitors are untagged.
You convert to sRGB for the systems that do not fully support color management.
and...
You include the sRGB ICC profile for the systems that do support color management.
Doing both covers your bum in most situations. You may choose to omit the ICC profile if you are working on common interface graphics that do not require strict color management. The ICC profile adds a few kilobytes to the file size that are not necessary on lesser graphic elements on a web page.

Save for web preview not working in Photoshop CS4

Hello all.
I'm having a problem with Save for Web in Photoshop 11.0.2. Basically, whenever I move to save an image using "Save for Web & Devices," the preview window is stuck in GIF mode. I can move the Preset settings to any of the choices, and also change to any of the 5 image types underneath, but only a GIF setting at 100% dither/Selective palette/256 colors preview will show in the preview window.
I have trashed both the Adobe Save for Web 11.0 Prefs and the com.adobe.Photoshop.plist files, and have repaired permissions, but this doesn't resolve the problem.
Thanks in advance for any advice you can offer.
--jody radzik.

I fixed the problem by erasing "Save for Web" from within Photoshop rather than outside in the file tree.

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?

White space around image when doing Save for Web

Say I draw a simple square in Illustrator CS6 then export it to a PNG using Save for Web. The preview shows 1px thick of white space on the right side. Sometimes it's on 2 sides or more.
No other hidden elements are around the image. Clip to artboard in not clicked.
Why does this happen and how do we get rid of it?

For once I get to answer a post and say somehting good about align to pixel grid.
Turn it on
Your image will now align to the pixel grid
Turn it off when not doing web work, or will drive you mad.

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.

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

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

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

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.

Save for Web – Image Size Preview doesn't update

Similar Messages

Maybe you are looking for