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.

Similar Messages

Why does the quality of my images change after I click on Save For Web?

After I click on "Save For Web" the quality of my images changes, how can I stop this?
I use photoshop CC on a macbook.
Thanks in advance!
Bo

Good day!
Could you please post screenshots to illustrate the issue?
Regards,
Pfaffenbichler

Objects outside doc size not showing in Save for web

Hi there guys,
For no apparent reason Ai CS3 started to hide elements outside the document size when saving for web. It was working perfect this morning but then it stopped. I have tried may documents, checked for crop marks, trim marks, clipping masks but I can't figure out what's wrong. I know I can make the document size bigger but this will slow me down a bit. Does anyone know why this is happening? Why I can't see the elements outside the doc's boundaries when I save for web? Let me know if I wasn't clear enough.
Thanks a lot in advance,
Dan

You, you are my savior, Jesse!!! You, you are! Man, I was going nuts with this. I guess I must've checked it accidently. Well, new trick learned here. Thanks a million.
Dan

Photoshop CC closes or freezes when saving in save for web and devices

Hello,
Since I have a new laptop with Windows 8, I couldn't get Photoshop CS6 anymore, so I downloaded PS CC.
It's working great the last days, but since yesterday PS freezes or closes everytime I try to save a .gif in save for web and devices.
It drives me insane...
I hope someone can help me.
Thanks in advance.

Trash the Save for Web prefs in the respective folder (C:\Progrom Files\Common Files\Adobe or your user home directory).
Mylenium

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

Poor image quality with save for web

It doesn't matter whether i'm exporting from Ai or Ps or whether it's CS6 or CC. I have changed the raster settings in Ai and i've also tried all optimization options with all different export file types (jpg, png, gif) at all different quality settings. It doesn't matter if I start with an ai, eps, pdf, png... the export result is always poor quality.
I have tried exporting at 300ppi and that does fix the quality issue and bloats the file size, but this way (the export route) is so time consuming since you have to resize your artwork each time as well as the artboard so that it doesn't cut off pixels. Save for web never used to have these quality issues and it also never used to cut off pixels around the edges. These workarounds prove very time consuming and produce file sizes that are not ideal.
When i first noticed this issue I was using Mavericks with CS6 and since am using Yosemite and Creative Cloud.
Steps to reproduce:
1. Create any bitmap or vector graphic in Ai or Ps, It doesn't matter whether you convert text to outlines or not
2. Save for web
3. View image in any application or browser to see poor quality and pixel trimming. Others running the same version and system are not having this issue, but I have checked many forums and found many others that do have this same issue but can't seem to find a solution.
Results:stair stepping, degradation, pixel trimming, general poor image quality
Expected results: Previously the save for web feature allowed for a decent quality image

I thought of that too so I tested on another machine with retina display and the file i saved on my machine looked bad on my machine and on the other comparable machine/display. So I sent them the original vector ai file and watched while they saved it the exact same way on their machine and the file looked fine on both of our machines/displays.
All of the settings they used appeared the same as what I used but with different results. I don't recall changing anything but does anyone know if there is some setting that could have been changed that is causing this issue?

Poor image quality save for web

It doesn't matter whether i'm exporting from Ai or Ps or whether it's CS6 or CC. I have changed the raster settings in Ai and i've also tried all optimization options with all different export file types (jpg, png, gif) at all different quality settings. It doesn't matter if I start with an ai, eps, pdf, png... the export result is always poor quality.
I have tried exporting at 300ppi and that does fix the quality issue and bloats the file size, but this way (the export route) is so time consuming since you have to resize your artwork each time as well as the artboard so that it doesn't cut off pixels. Save for web never used to have these quality issues and it also never used to cut off pixels around the edges. These workarounds prove very time consuming and produce file sizes that are not ideal.
When i first noticed this issue I was using Mavericks with CS6 and since am using Yosemite and Creative Cloud.
Steps to reproduce:
1. Create any bitmap or vector graphic in Ai or Ps, It doesn't matter whether you convert text to outlines or not
2. Save for web
3. View image in any application or browser to see poor quality and pixel trimming. Others running the same version and system are not having this issue, but I have checked many forums and found many others that do have this same issue but can't seem to find a solution.
Results:stair stepping, degradation, pixel trimming, general poor image quality
Expected results: Previously the save for web feature allowed for a decent quality image

First try the Cleaner. here's the link for CC but there exists one for Cs6 as well Use the CC Cleaner Tool to solve installation problems | CC, CS3-CS6
Everything I have read says that you kind of have to compromise file-size for quality. Could you post a screenshot of your settings?
also, if it helps: Creative Suite * Optimizing images

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.

Ps 3d and filters and save for web are not working the way they should

At work we just put cs6 on a w7 machine running 64 bit which has more than that required mem and or ram to run cs6 - unfortunately I have to use a windows based machine at work (cheapskates). Anyways. I see the 3d menus and the filter menu in PS but they aren't funtional. The filter menu drop down is there but Liquify is the only one that shows up the rest are gray. The option to choose 3d is also there but they are not functional (grayed out) - I took a look at some online tutorials on using the 3d effect in PS CS6 and Ive gone through it a few times and it still won't work for me. Also, in illustrator when I save for web - when I adjust the pixel dimensions and move the mouse over and click on the image that I am saving for web nothing happens and I'm completely boggled about how to get the image size to change in the save for web pane. Typically I am used to being able to input the the number into the pixel dimenion field and click on the image and the image resizes (on a mac you can either click on the image or hit return and the image will resize in front of your eyes!). I am unable to get this to work the way I am used to, this happens for me in both ill5 and ill6 on this piece of crap windows machine. Maybe I just need to reinstall? Maybe adobe has changed the way this works? Maybe a sledge hammer into this windows machine would solve all my problems!? IDK. someone help... help me... pleeeeaaaaaaaaaaasssseeeee

unfortunately I have to use a windows based machine at work (cheapskates).
This gets a "stupid comment of the day" medal. Seriously. These days Macs are just as convoluted and effed up as Windows was a few years ago - nice as long as everything works, but god forbid you have a problem. So by all means, update your graphics driver and be glad that you actually have that choice rather than having to wait half a year for Apple to fix it...
Mylenium

Poor quality save for web exports

It doesn't matter whether i'm exporting from Ai or Ps or whether it's CS6 or CC. I have changed the raster settings in Ai and i've also tried all optimization options with all different export file types (jpg, png, gif) at all different quality settings. It doesn't matter if I start with an ai, eps, pdf, png... the export result is always poor quality.
I have tried exporting at 300ppi and that does fix the quality issue and bloats the file size, but this way (the export route) is so time consuming since you have to resize your artwork each time as well as the artboard so that it doesn't cut off pixels. Save for web never used to have these quality issues and it also never used to cut off pixels around the edges. These workarounds prove very time consuming and produce file sizes that are not ideal.
When i first noticed this issue I was using Mavericks with CS6 and since am using Yosemite and Creative Cloud.
Steps to reproduce:
1. Create any bitmap or vector graphic in Ai or Ps, It doesn't matter whether you convert text to outlines or not
2. Save for web
3. View image in any application or browser to see poor quality and pixel trimming. Others running the same version and system are not having this issue, but I have checked many forums and found many others that do have this same issue but can't seem to find a solution.
Results:stair stepping, degradation, pixel trimming, general poor image quality
Expected results: Previously the save for web feature allowed for a decent quality image

Not an Illustrator expert at all, but did you align your art work with the pixel grid? If you didn't, there can be results as you describe them. As I said, I am not an expert, but online searching for the subject may help.

Elements "save for web" use "Maximum" quality as default?

It drives me nuts that I always have to select maximum when saving for web with photoshop elements, is there a way to set this preference so that it is always saving at maximum quality when I use save for web?

Micah,
You missed this admonishment on the same page you added this topic:
Note: please do not post Photoshop
Elements questions here. Thanks!
No one uses Elements here. :/

14.2.1 update Save for Web not working

Opening up an image I made moments ago through Save for Web dialog (as a normal 'web' 72 dpi image) returns a 300dpi image every time. Not functioning. This happens every time since the update to 14.2.1. I thought it must be me somehow, but it is the software.
I am running 10.8.5 on a 6-core 3.33 GHz

Yes, I am serious.
When I want to save a JPEG that has a particular ppi value I use File - Save As.
So I ask again: What is your use for your images that you're using Save for Web and care about the ppi? Perhaps there's another way to get what you want rather than through Save For Web.
I'm not being critical - I promise. I just thought maybe I could suggest alternatives.
-Noel
P.S., The ppi normally doesn't matter when images are displayed on the web. HTML usually is used to size images by pixels or points.

Actions and Save for Web

I have tried to research this on my own searching the forum and asking users far more advanced than I am to no avail. I thought it might be possible that someone here would know whether what I want is feasible.
I use the "Optimize to file size" feature in the Save For Web Panel constantly. I am planning on doing a large amount of conversions in the near future (by which I mean resaving .jpegs at a certain dimension and resolution. As far as the dimension and resolution go, there is no difficulty creating an action to do that. But the icing on the cake for me is have them all processed through Save for Web at a certain file size (for the sake of argument, say 500K). Yes, I know that the resulting images will vary in quality (obviously) because the end result will very much depend on their file size to begin with but that is not an issue for me for my purposes.
Save for Web has various presets and allows you to save presets; however, it does not allow you to save the Optimize to file size as a preset. When I try to record an action, and go to the Save for Web, use the Optimize etcetera, the action created lists the quality of the image I process to record the action. So, for example, if my image is less than 500K, the quality recorded in the action is 100. If my image exceeds 500K, the quality might be 86 and that is what the action records. For whatever reason, what is recorded is the quality rather than the 500K. I am not sure if this is being written clearly enough to explain. I want every image to end up being 500K regardless of what the final quality is (quality being the difference between the original image and the image as saved by Save for Web). But actions are saving the attribute of quality rather than file size. Sigh. I think I am just repeating myself trying to make it clear but probably failing. In case a screen shot helps clarify, here it is. If this can't be done, I would love to know that so I can give up trying.

I want every image to end up being 500K regardless of what the final quality is (quality being the difference between the original image and the image as saved by Save for Web).
You may have to resort to Scripting for this task … it may need a fairly convoluted approach but I think it has come up before, so someone may be able to help you over at
http://forums.adobe.com/community/photoshop/photoshop_scripting

Photoshop batch production - issues with 'save for web'

Hi,
I'm having an issue with 'save for web' on a batch. I've just spent the last 2 hours searching the web and this forum and although the issue gets touched upon, the threads either suddenly head off in another direction, end, or i just struggle to make sense of the answers given.
I have 350 images that i want to resize to thumbnails and then save for web. 2 hours ago this seemed like a 5 minute job.
I creat an action called 'batch_thumbnail' and press 'Record'.
I then select 'File' > 'Open' and select an image to open using the dialog box.
I then select 'Image' > 'Image Size' and resize the image to the thumbnail size (200 x 125) and press 'OK'.
I then select 'File' > 'Save for Web and Devices', set my optimisation settings and press 'save'.
Using the dialog box that pops up, i navigate to a pre-created directory called 'thumbs' and press 'save'.
I then select 'File' > 'Close' and on the dialog box that pops up i select 'Don't Save'.
I then stop the action from recording.
So far so good.
I then select 'File' > 'Automate' > 'Batch...' and the dialog box appears.
I select my action in the 'Action' drop down menu.
In 'Source' i set the drop down menu to 'Folder', select 'Choose' and select the target directory with my 350 images in.
In 'Destination' i set the drop down menu to 'Folder', select 'Choose' and select the target directory (thumbs), where i wish to save the thumbs.
In 'File Naming' i leave the first box as 'document name', set the second to '_thumb' and have the third as 'extension'.
I then click 'OK'.
And this is where the problem begins. Everything works fine till it trys to save the second image. I can see what's happening, as the directory path and image name that are used whilst setting up the SFW part of the action, are getting hardcoded into the action. So every resulting image is being saved as the same file, instead of being overriden by the settings in 'File Naming'.
I've tried selecting 'Override action 'Save' command', but it doesn't make any difference. Is it actually possible to batch produce files using 'Save for Web and Devices'?
Cheers,
James

I have written a couple of Save For Web batch processors, they may be of use to you?
They can both resize and run an action if required.
CS2-CS3 http://www.ps-scripts.com/bb/viewtopic.php?t=2374
CS4 http://www.ps-scripts.com/bb/viewtopic.php?t=2276 (This handles metadata)

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.

Image resize quality not saved in Save For Web Preset?

Similar Messages

Maybe you are looking for