How to Save for Web in the correct size?

So i created a new project in Illus. CS5 with an artboard size of 700x150 pixels. I have two graphics in there that are about 215 pixels tall so part of it flies off the artboard, but i have a clipping part that hides all the parts that i dont want to see.
The problem is when i go to Save for Web, the ouput image is 700x215 because it includes the space used by the graphics, that fly off the board, but you dont even see it. I was able to get around this by opening the file in photoshop and then cropping to 700x150 so the extra space is removed, but there should be a way to save this in Illus. without the hassel.
Any suggestions would be appreciated...

Thanks, that worked. I figure there was a setting in there somewhere and was even in the right tab, but didnt think to click on that.

Similar Messages

Curious: How does "Save for Web" reduce the file size?

I do know HOW TO USE "Save for web" -- no questions there. I'm wanting to understand better what's going on under the hood.
When I start with say, an 8x10 JPG at 300 dpi, I understand completely how bringing that down to 72 dpi yields a much smaller file. Simple math.
What I don't understand is how the "Save for Web" function can reduce that smaller file size so drastically at the same dimensions, still 72dpi, with negligible image loss (at least at the 80% quality). Maybe it's just my amateur eyes, but for everyday casual web pages, I can discern no significant difference between the two 72dpi images. (At lower quality settings, I do see differences.)
Can anyone explain a bit more of HOW Photoshop does this? Is it simply compression? For example, is it -roughly- analogous to converting an AIF sound file as an MP3?
Thanks,
cb

Thanks, that worked. I figure there was a setting in there somewhere and was even in the right tab, but didnt think to click on that.

CS4 Save For Web not the right size

I'm having problems with Illustrator images when I use the Save For Web. The image size always comes out the same size as my artboard. In other words I set up a new document to be letter size, create my drawing within that document. My drawing is only about 300 px by 150 px. When I Save for Web my image is the same size as the document or artboard not my drawing. Is this something new in CS4? Do I have a preference set incorrectly? The only way I have found to get rid of the background is to adjust the size of the artboard manually. Is there a way to adjust the artboard to fit my drawing automatically, like cropping to an object in Photoshop?

CS,
Basically the same issue was up, and answered, recently here:
http://forums.adobe.com/message/2667045

How to "Save for web" just the layer effect but not the content area?

I fill the area with white, then add outter glow to the layer. Now I want to "Save for web" the outter glow effect but not the white area. I want the white area to be transparent. If I delete the white area, the layer effect goes away, if I merge the layer with another to flatten (think then I can delete the white middle while keeping the layer effect stay), the layer effect look totally different after flatten.

Set the fill to 0% in the layers panel (not the opacity). Then save for web as a PNG24, with transparency checked.

Save for Web & Devices, The operation could not be completed

I keep getting this error when I Save for Web & Devices: The operation could not be completed.
I have saved for the web before for many more complex, larger images without a hitch.
I am using a psd format with an image that I designed. It is no more complex than others I have done. It is small, just a horizontal navbar about the size of the one on Apple's website.
I tried exporting it, flattening it, slicing it removing the slices.
I think it is a problem with the application itself.
I have tried repairing my permissions, restarting, and holding Cmd, Opt, Control, Shift during PS startup to reset the settings. Any insight would be appreciated.

GoodLuck4287-sxcElh wrote:
I think it is a problem with the application itself.
…and yet you don't even tell us what version it is—let alone pertinent details of your machine, OS, etc..
Please read this post by a forum host for advice on how to ask your questions correctly for quicker and better answers: http://forums.adobe.com/thread/375816?tstart=0 Thanks!

How to "save for web" via batch processing in Photoshop elements

I have a bunch of logos that need to be resized and 'save for web." How can I process these files as a batch in Photoshop elements. Many thanks!

You can batch save them as jpgs, gifs, or PNGs using Process Multiple Files, and even batch resize them as long as they are all in the same orientation and the same aspect ratio (shape), but the resulting files will be somewhat larger than you'd get with Save for Web because Save for Web removes the photos' exif data, which PMF won't. Since these are logos, there shouldn't be much difference.

Save for web: Error: The Operation could not be completed

On Windows 7, under virtualbox on a linux host. All of the other discussions on this question relate to OS X.
I have reinstalled photoshop, and tried deleting preferences.

Save for web: Error: The Operation could not be completed
not much information there or in your append
supersoaker wrote:
On Windows 7, under virtualbox on a linux host. All of the other discussions on this question relate to OS X.
I have reinstalled photoshop, and tried deleting preferences.
Supply pertinent information for quicker answers
The more information you supply about your situation, the better equipped other community members will be to answer. Consider including the following in your question:
Adobe product and version number
Operating system and version number
The full text of any error message(s)
What you were doing when the problem occurred
Screenshots of the problem
Computer hardware, such as CPU; GPU; amount of RAM;
Windows reliability history Photoshop crash reports etc....
virtualbox on a linux host. does the virtual PC provide any useful information? There an error in your environment you need to find out what the error is.

How to save for web AND overwrite original files with Action?

Hello,
I want to compress a batch of images with "save for web" using a Photoshop Action, and I also want to preserve my folder structure and overwrite source files. The structure is important because it's complex and needs to be structured this way.
The Problem:
When I choose "save for web", I must define a destination. What happens is all optimized files from within the structure are saved in a single location.
Here's an example of the folder structure
Folder A
     - Subfolder A1
     - Subfolder A2
Folder B
     - Subfolder B1
     - Subfolder B2
          -Subfolder B2.2
Folder C
     -Subfolder C1
Summary
Is it possible for me to use a Photoshop Action with "save for web", and overwrite my files without moving them from the structure?

No need to re-invent the wheel.
Just learn how to use the Image Processor, Image Processor Pro, or Dr. Brown's Services 1-2-3 in Photoshop and/or Bridge.

File Save for Web = Error: The operation could not be completed.

Installed photoshop CS6 trial Version 13.0 on Windows 7 Ultimate running in hyper-v virtual machine. Created a small image and clicked File Save for Web. This produced the error dialog "Error: The operation could not be completed."
I tried the following trouble shooting steps:
1. deleted the preferences
2. created a new user
3. re-installed both the operating system and photoshop
4. looked for permission issues
5. monitored procmon.exe to look for unusual errors
I'm not sure what I'm looking for, but it simply does not work.

ELEMENTS 12 AND ELEMENTS 13
Upgraded to 13 Thinking might resolve the issue.
Was working fine up until we had "Tech" come in the office and "up grade some stuff"
then all of a sudden i started getting this message, something happened but i don't have a clue what.

Save for Web with Optimize File Size for Batch Process

I have a client who needs to be able to run a batch process on jpg images ranging in size from 600KB to 2.5MB optimizing their file size as close to 200KB as possible. The feature is included in Photoshop's save for web optimize dialog but it doesn't work for batch processes. If you record an action with the optimize to file size option set it processes all the images in the batch based on the quality settings required to resize the image you used during recording, meaning if the image you recorded was 1.5MB the quality setting might be 70 percent to hit the 200KB mark but that wouldn't be the correct quality setting for a 600KB file nor a 2.5MB file those would either be too small or too large.
I've done quite a bit of searching both online and in the photoshop scripting forums but I haven't been able to find anything that would point me in the right direction.
My client's paying for this work so if there's someone who knows how to script this who'd rather be paid than just do some pointing we can arrange for that quite easily.
Thanks in advance for your assistance and suggestions.
In case it's of importance we're using Photoshop CS4.

If you don't mind spending a few bucks on a shareware prog, Jpegsizer has the option to save to a filesize.
You can find it here.
http://www.tangotools.com/jpegsizer/register.htm
There is a free trial version, but you can't save files.

How to create a pdf with the correct size?

Hi there
How do I create a pdf with the correct size? I created several albums and ordered them. Now I want to backup the album and I know how to create a pdf, but when I choose A5 it's to big, when I create my own size it's not the size it should be. The original (made with iphoto) is a small size album 200x150mm. But when I create my own size (200x150) it shows some white borders.
Does anybody have some tips ore workarounds?
Yuri
Imac
Iphoto 11 (9.4.2)

Books are designed for and printed on 8.5 x 11 inch stock, US Letter size. You shouldn't have to select any size. While viewing the All Pages mode in the book Control-Click on the page and select Save Book as PDF from the contextual menu.
That will create a PDF that iPhoto uses to upload and print. Not all pages will be the same size as the dust jacket will be present in it's full size, 32.8 inches x 8.91 inches:
If you want a PDF that's designed for your own printing the type Command+P while viewing the All Pages window. In the first print window click on the PDF button. It will present you with a contextual menu where you should select Save as PDF. That will give you an 8.5 x 11 PDF file with all pages the same size.
OT

Save For Web vs. Resizing vs. File Size vs. PNG

In playing around with some settings while saving a .png file, I noticed some weird results. For this example, the original image is 300 x 300, but I want the final size to be 200 x 200. I get different results depending on the order I perform the following operations (I never thought the order mattered until now).
1. start with 300 x 300 image, choose save for web, select png-24, with transparency, white matte, convert to sRGB, change image size to 200 x 200, then save - the file size is 37kb
2. start with 300 x 300 image, use Photoshop's "image size" to change to 200 x 200, then save for web, etc - the file size is 111kb
So depending on which step I resize the image, the file size is significantly different - if I resize BEFORE using save for web, the file size is much larger. This is just weird to me, but I always resize AFTER choosing save for web, so that's why I've never caught this until now. In case you ask, while using Photoshop's "image size", all three options are checked at the bottom of that window, so nothing is getting re-sampled or anything like that.
The only thing I can think of is each of those methods treat pixel data differently when reducing the dimensions. When I overlay both exported .png files on top of each other, I see no difference in pixel quality and/or color shift - so why the big difference in file size? Unsurprisingly, if I just save the file straight to .png, the sharpness is much better, and the file size is 46kb. I did notice when saving for web, the colors become a little more saturated.
Are all these results typical? I've never really paid much attention to the results when exporting .png's. I always thought the results were lossless (in general).

Too many variables
What? There are 2 variables here (variables = scenarios = steps). Only two different operations.
1. resize the image, THEN use "save for web" = 91kb
2."save for web", THEN change image size = 157kb
Hopefully my logic translates here:
All other settings are the same. I even made sure the .psd was sRGB this time. The specific question was "why does the different workflow order produce such a big difference in file size"?
In creating a new test file (http://www.shan-dysigns.com/userForums/photoshop/savePNG.zip), I did notice an interesting thing: (I'm including my files in case you want to follow along or test for yourself)
If I merge all layers BEFORE performing the steps above, the file sizes were relatively closer to one another - 168kb and 157kb (respectively from the 1, 2 list above)
One thing to note is all the .psd layers are either shapes or text - this whole scenario may be totally different if each layer had rasterized content (actually, it does, by about -20kb).
The file size in step 1 above didn't jump until it had to consider rastered text/shapes into the calculation. So all this tells me the difference in file size has to do with how each process handles vector data. Maybe when you allow PS to resize the image first, the overall file size is smaller because the vector data gets recalculated???
I don't know how to properly interpret all these differences, but I do know there is something about PS's operation of resizing the canvas with vector data versus resizing the canvas with rasterized data - this has to be where the difference in file size lies.
Maybe I've just wasted a bunch of time on the obvious, but I think I learned something here. Now my head hurts and my eyes have popped out of my head.
So, Chris, I guess there ARE more variables in this situation. My curse is being nosey and wanting to know more technically about PS than most casual designers probably would care about.

Problems with "save for web" app low quality messed up images

Please help I have never had a problem with the "save for web" application before (over three years) I am currently running A.I. cs3 on windows vista. in the past whenever I save anything this way the images were always clean. as of yesterday everything I try to save through the save for web app the images are very low quality all the vector has jagged edges, it is very low rez looking and the file sizes are very small, half the size they normaly would be. What did I do to change the settings or better yet how can I get it back to the way it was.

Thank you for your help I moved the folder but it still did not fix this problem. it is also not just the jpg option under the save for web app but all the setting ie. gif, png, ect. ect. Also the the files sizes are much less, example I exported a design as a jpg with the quality setting about 6 the file size was 374kb when I exported the same design through the save for web app the file size was only 45 kb on the quilty setting of 100. further more in the preview screen of "save for web" the original images as well as the optimized both look messed up. The "save for web" app has always worked for me in the past never a problem and I use this app alot so it is very important.

How do I USE the slices I generate in Illustrator from "Save for Web"?

I am having trouble understanding slices. I want to save a raster graphic from Illustrator that takes advantage of "slices" to put hyperlinks to certain labels. I am working on a map with about 20 links to a website describing recreation sites shown on the map.
I am able to do this by bringing my map as a graphic into InDesign, and setting up links to text or picture boxes there. I can export an interactive PDF of the map, and the PDF has live links.
but the client's web host can't post the PDF with active links. (client would have to link from a static image to a copy of the PDF on a separate website). We may do this as an interim measure.
So I'd like to go back and figure out how to use slices in Illustrator to do the same thing. I've seen web pages that have a series of sliced-up graphics; I wouldn't wish that on anyone but it's the solution I want to get to.
Illustrator tutorials and help describe how to set up slices, how to type in links in the "slice options" dialogue box (in objects/slices... pulldown menu). And describe how to "save for web" to generate JPEGs or GIFs of the individual slices.
My available options in AI CC 2014 (I checked in CS6 too) are to save the slices as images. (Helpful articles which say to save as HTML and Images...aren't helpful if I don't have that option).
I get a folder called images, that contains about 74 sliced JPEGs of various sizes and shapes. I don't see, nor see an option where I can ask to make...a file that pulls all these together into a single image, with clickable links. There's no HTML file (or way to create one that I can see).
What am I missing? What application would I use to toss this folder's contents together. Or how would I create the HTML or envelope file within Illustrator?
I have entered URLs for links in three or four different places but haven't found a way to export them in such a way that they are actually useful.
Thanks for your help.
Ben PEase

Thanks, I am a print guy, mostly. I've almost figured out CSS for my did-it-myself website, so buttons, actions, slices, etc. are new angles for me. I am hip to the general concept that Adobe likes certain applications to do certain things. It was certainly easier to set up links from InDesign.
In what application would you suggest I DO foolishly create my interactions (raster graphic with multiple links? Does it work any better in Photoshop? The client's web host does the web design (some sort of template thing) so I don't believe I have the option of drawing hot-spots like is (was?) possible in Dreamweaver.
(That may be a question for the web host).
One of the problems with "discontinuing this functionality" is there are about half a dozen how-to guides online that suggest it is still possible to kluge a solution in AI (sometimes in older versions) and it's hard to tell well-executed funtionality from abandoned functionality since Adobe hides instructions in multiple, random dialogue boxes, and left so many of the pieces strewn about the current versions of AI.... How would we really know? But I am not all that surprised they did.

How to run save for web and contact sheets at the same time

Hi
my question is simple and a means to save time-
Lets suppose I have 3 camera images and I want to run either save for web applications on 2 cameras at the same time, how/can i do that to save time or lets say contact sheet action on 1 and save for web on the other to save time or photoshop files and this runs in the background?
would really help save me time.

Even if you could run the three process in the background at the same time I do not think the duration of the total execution time would be any shorter. You would still be executing the same number of processor instruction reading and writing the same number of files. If the whole processor was constrained by the processing power running them cuncurrenly may increase the processing time because of contention for the processor. If the processes are IO bound that will not change a overlaping the processes may cause more hard disk seaking because of contention of the hard disk arm.

How to Save for Web in the correct size?

Similar Messages

Maybe you are looking for