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

Similar Messages

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.

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

Error message - image exceeds size save for web was designed for

When I try to Save to Web in Illustrator CS3, I get the following error message: "the image exceeds the size save for web was designed for". Even when I click that I want to go ahead and save it, it sends another error that reads "could not complete this operation. the rasterized image exceeded the maximum bounds for Save for Web".
Earlier in the day yesterday, I saved for web with no issue. NOw, it doesn't matter how small my design is, it is giving this error.
Please advise.

> So in CS3 Save for Web grabs the Artboard, neither the artwork nor the Crop Area/Marks area?
Creating a new document using "Basic RGB Document" and then "Save for Web & Devices" crops either to the artboard or to the artwork as selected from the "image size" tab in the save-for-web window.
If your artwork extends beyond the artboard, selecting "clip to artboard" will obviously eliminate everything outside the artboard. Unchecking it will crop the image to the artwork in the file (and thankfully not any artwork that is hidden).
If you make crop marks in the file, you can choose to either clip to the artboard or not. Not will clip to the crop marks, acting as kind of a secondary artboard.
ETA:
You can choose which type of on-screen file type you want your output to be. From GIF, JPG, PNG-8, PNG-24, SWF, SVG, and WBMP. And whether or not you want transparency in those formats that support it.

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.

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"...

Stop Action in Save for Web

Is it possible to insert a "stop" in the action for save for the web, just before actual save. Basically i want to be able to name my file manually (use distinctive names), but just to automate the picture size option and quality (which don't change). I know that i can write an action for an image resize and than save it with my desired file name, but i was wondering if i can do it all in "one shot" without the altering of original image.

The best you can do is tell Photoshop to show the save for web dialog box
and wait you to make your changes and then click on save. It will not put in
things automatically, you would have to set all options you want. You can
turn on the dialog box by checking the box next to that step in the actions
palette list of steps in the action.
Robert

Loss of saturation in Save for Web

Hi,
Objects that I export as PNG24 files using Illustrator's "Save for Web" feature result in files that a considerably less saturated than they appear in the Illustrator file (I'm working in RGB).
What's up? Is there a quick/easy way to make sure the raster files look just as saturated at the Illustrator objects?
Thanks!

calibrate and profile your monitor to the Web standard 2.2 gamma, not the Apple default of 1.8.
create your Web artwork in the sRGB color space (not Adobe RGB)
Save for Web.
You may still see some color shift when you save the image with no profile, but the above steps should minimize it.

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

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?

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 CC is crashing regularly when I perform Save For Web function

I'm finding that my Photoshop CC, running on Windows, is continually crashing - most notably following a Shift+Ctrl+Alt+S command. Any ideas?

Sounds to me like you may have the RAM allocation for Photoshop set too high. Press Ctrl-K to go to preferences and click on Performance. If your RAM is set higher than 70%, you'll need to lower it...close Photoshop and then reopen it so the new setting will take effect.
The other thing that might be causing it is the size of the image, Save For Web is notorious (especially in older versions) for not playing nice with larger files. Try an image with a smaller pixel dimension and see if that helps. Since you are saving for web, it's advisable to resize the image before saving for the web.
One last note - when installing CC on a Win 64 bit box, make sure that the desktop icon or task bar icon actually points to the 64 bit version of CC. Photoshop CC installs both the 32 and 64 bit versions.

CS3 Save for Web bugs - No answer from Adobe in all forum posts

I just upgraded to Illustrator 13.0.02 and the problem is the same: Slice names and output settings are not remembered/saved like all previous AI versions.
I don't understand why this post was closed: CS3 Save for Web Problems
http://www.adobeforums.com/webx?128@@.3bc41aeb.
and this one: "Save for Web" names of frames vanish
http://www.adobeforums.com/webx/.3bc4cd31/2
It is the same as: AI CS3 - Save for Web & Devises image name problem
http://www.adobeforums.com/webx?128@@.3c057eab
Concerning slice name: 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.

This is a bit of an old thread, but I too have recently discovered this problem in working with AI CS3.
I contacted Adobe support with the question. I asked them why it was not possible to select and optimize individual slices in the Save for Web and Devices dialog in CS3, and then maintain those settings after saving the slices or clicking "Done"... even though that very feature was available and working in CS2.
Adobe's answer was, quite simply, that they have ceased any development on CS3, including bug fixes, and that anyone who wants the problem fixes would have to buy CS4 in order to "fix" the problem.
In short, they are quite aware of the problem, but would rather have us pay for a new product in order to have it fixed, than to pay a programmer to spend a few hours or a few days in tracking down the problem and getting it sorted out. This is their short-term solution to a long-term problem.
There is a workaround to the slice naming, as you have found - name the slices from the Object - Slice - Slice Options menu. It's a royal PITA, I know, but it does maintain the slice name settings.
However, there is no real workaround to save the optimization and output settings (such as color tables and JPEG/GIF/PNG settings) for each slice. It's a completely broken feature, or in Adobe's own words, "a problem". A big fat bug. Let us not mince words here - it is technical and corporate incompetency. Technical incompetency can be excused - publishing a new build will fix the problem. But corporate incompetency, which tells the programmers that they don't need to fix the problem for "marketing" reasons, is totally inexcusable.
It doesn't cost Adobe anything to just shelve a problem... at least, not now. But I refuse to buy Illustrator CS4 as a result, because I don't want to give in to their ineptitude and lack of attention to the customer in this case. Which costs them more now, to pay the programmer to fix the error and then publish a new build on their web server... or to tell the customer that the problem won't be fixed and to buy the newest version? You do the math. Read 'em and weep.
Makes you want to migrate to Fireworks for web comp design, doesn't it. At least Illustrator has an excuse - it's an all-purpose vector graphics application, not specifically a web comp design app. If this were Fireworks, on the other hand, I think that there would be oodles of furious programmers screaming colorful obscenities at Adobe's front door.
I really like Illustrator for what it does, but I'm not using CS3 for any more web comps after this.
Jeff Chapman

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.

Spot Heling Brush Tool & Save for Web screen

Spot Heling Brush Tool
While using Wcom Grip Pen I can’t switch brush size option to any other than Pen Pressure – it’s not good.
Save for Web screen
It would be good to have “Apply” button for size changing, like it w3as in CS3 (I didn’t use older versions).

You don't use pixel preview and possibly also do not work at 72dpi, do you? That's why your crop lands on sub-pixel values and is quantised to the next whole pixel, changing the effective output dimensions. Aside from that, why bother with artboards? You could just use the slice tool and save it all in one go...
Mylenium

Objects outside doc size not showing in Save for web

Similar Messages

Maybe you are looking for