Save for web doesn't match artboard

I have been using the artboard tool to try and save icons individually from a document with several dozen icons on the work space. I click the artboard tool, drag a box around the icon and then do "save for web". The resulting image I see in the save for web screen is slightly cropped and does not match the area that I selected with the artboard tool.
Am I doing something wrong?
I am running Illustrator CS4 on a Dell PC (64 bit) with Windows 7 Professional.
Any help would be greatly apprecaited.
Paul

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

Similar Messages

Photoshop CS3 "Save for web" doesn't work

Hi everybody. I noticed one weird thing. When I want to use "Save for web" function on my Photoshop CS3 to save some jpg file and reduce size, the dialog window just doesn't appear. I clicked Save for web and nothing happen. The window of the file a wanted to save just get grey. I'm new in CS3 an it worked well in my CS2. BTW I use MacBook Pro and CS3 for Mac.
Guys, any ideas?
Thanx a lot. :-)

Hi all,
Deleting the SFW prefs worked for me.
My Photoshop CS3 was working fine till I (probably unwisely) tinkered with system files to free up some space.
Re-installed CS3 from scratch but still couldnt "Save for web".
Then I found this tip suggesting deleting the SFW prefs and BINGO! Back in acion.
Thanks for the tip.
G

Photoshop cs6 shortcut for "Save for Web" doesn't work

I'm using a macbook pro intel i7 2.66 with iOS 10.7.3.
In photoshop CS6 (which is amazing b.t.w.) when I click the shortcut cmd+alt+shft+S to save for web on the first time it works for me, but then for the rest of the session it never works again.
After the first time it just opens the "save as..." dialog.
I've been using photoshop day by day for the last 5 years, and I did try different ways to press the shortcut keys again, to see if its just me... but it wasnt
Cheers.

No, it's not that, those works fine.
it's the shortcut that you can set to change input language, (in preferences > keyboard & mouse > keyboard shortcuts > input menu > select the previous input source/select next input source in the input menu) (currently ctrl+space, but I also tried a few other keys) it used to work before, but after new keyboard software, it doesn't.

CS6: save for web doesn't work

i have photoshop extended CS6 since yesterday and today when i was going to save an animation, go to file- save for web, this appears "the operation could not be compleated" someone help me please.

i have a PC, well i made a lots of animations from ps cs5 and i never had problems with that, i just made a animation from a clip of a video like this
but when i press click photoshop crash down or this appears:
this doesn't happen to me with CS5 and i didn't copied plug-ins from another version, i just intalled it and that's all.

'Save for Web & Devices' selects multiple artboards - AI CS4

I have a simple, two-artboard document (like the old FreeHand days!) but, when I go to 'Save for Web & Devices' to optimise it, the graphic from both pages appear as one optimised image. How can I get it to select only the artboard I am viewing?
Many thanks.

Well, one way would be to create an artboard that's the size of your art. You can do this easily enough by choosing the Artboard Tool and clicking once on your artwork. Alternatively, you can define slices.
:) Mordy

Save for Web isn't using the correct size of artboard

I've been using CS5 for about 5 days now and have just run into this problem.
My artboard is 800x600 px. I have 6 layers of an animation I need to export as pngs so I can manipulate them in Imageready (yes, I still use it.)
I Save for Web, export as CSS layers, original size is 800x600 px, new size is 800x600 px (I don't touch those settings), art optimized and clip to artboard is checked.
But when I Save and check my files, not only are they 550x90 (the size of the art on the artboard) but they're cut off on the right side. It's like Illustrator is saving them as actual size, registared to 0,0 (top right corner) of my artboard.
I need to save my layers using save for web so I can drag them into other animated files in Imageready. I need them at 800x600 px because that's the size of my final art and it's easy to center a lot of layers if they're all the same size.
I can post image files if my question doesn't make sense.

UPDATE:
I've been experimenting. My artboard is 800x600 px. I have 2 layers. My artwork is 900x700 on both layers.
I Save For Web with Clip to Artboard checked.
I save a jpeg and my file is 800x600.
I save a png and my file is 800x600.
I save as png and check Export As CSS Layers and my 2 layers are 900x700. This ONLY seems to happen with the Export as CSS Layers checked.
Also, I use File->Export->PNG and check Use Artboards and my file is 800x600.
I use File->Export->JPEG and check Use Artboards and my file is 800x600.
I use File->Export->BMP but I can't check Use Artboards, it's greyed out and uncheckable. Huh? I need to export my image as a BMP at 800x600.
I don't understand what I'm missing here.

Help - problem with save for web when jpg image is placed in file

I have a jpg image that I placed in my Illustrator 5 file to use as a backdrop and then created several vector buttons on top. When I attempt to create an arboard around a single button and then save for web, it ignores the artboard dimensions and shows the entire jpg dimensions. If I create the same file without the jpg backdrop image, I am able to use the artboards to save just a single button. Any time I place a jpg image in my Illustrator file and attempt to use the artboards, the artboards are ignored and the entire area of the jpg is saved. I am able to use the slice tool to do the saving, but I prefer to use the artboards. Does anyone have any suggestions on how to get the artboards to work when a jpg is placed in the file? Thanks.

THANK YOU!!!
It says, "Clip to artboard". I wasn't sure what clip meant, but that was it! Thank you.

Help: Sudden save for web error in CS6

Hi everybody
Everything was peachy until yesterday evening – now (morning after) I started my computer, and suddenly 'Save for web' doesn't work anymore. When choosing 'Save for web' in the menu, the 'Save for web' window opens just fine, but no matter which settings I choose or change, as soon as I click the save-button, I get the following error: 'Could not complete this operation. An unknown operating system error has occured.'
I have not changed any settings since yesterday, I did not update either Photoshop or the system, and I tried restarting both Photoshop and the computer several times – no effect. I deleted Photoshops prefs, again no effect. I've seen people post their system-info, if you need to see that, I put it here
I'm on a MacPro, 10.8.2, with Photoshop Extended 13.0.4 (as part of CS6 Premium), x64
I also have CS4, CS5 and CS 5.5 on this machine, and just tested Photoshop 5.1 (12.1), and here 'Save for web' works just fine.
I can see from other posts in the forum that I'm not the only one with this problem, but I could not find an answer or solution to this.
Please help – I have a lot of work to do (involving 'Save for web'), and I can do that in an older version of Photoshop, but I shouldn't have to fall back on that, after having payed for and installed CS6.
Thanks in advance
Hans *troubled*

Delete the Save for Web prefs. On Windows this is in
C:\Users\Administrator\AppData\Roaming\Adobe\Save For Web AI\16.0
On Mac it's in
User:Hans:Preferences:Adobe
and so on.
Mylenium

Save for Web - The operation could not be completed. Access is denied.

Hello everyone! I was hoping it wouldn't have to come to this, but unfortunately, I really need help with my Adobe Photoshop. I run on Windows 32x and my program is Photoshop CS6 (Portable and its 64 bit), which I've had for about a year. Yesterday, I made a GIF and I tried to save it but along came the message saying "The operation could not be completed. Access is denied."
I reset my preferences (more than once!), restarted my laptop and cleared up a bunch of memory on my hard drive. The mode is set to 8 Bits/Channel and RGB Color. I really have tried to look at every thread I could, but alas I could not find anything. I would really appreciate some help. Here is my system info!
Any advice would really go a long way to helping me, and I am desperate. Thanks.

Make sure that you have read write access to the foldler that you're trying to save your file to. Save for web doesn't save in the same location as where the file resides. It remembers that last location used, and you may not have access to that.

The image exceeds the size Save for Web & Devices was designed for

I just upgraded from CS3 to CS5. I assumed that Save for Web & Devices would have been redesigned so that it would not complain with modern large photos that they were just too big!
However, it still does. I just don't get this. Photoshop in general now is editing very large images. It should be able to handle them also in this feature.
Is this just a legacy message, or is it really true that this feature can only handle small images?

Thanks for your comments, Marian.
As a book publisher, now an iOS app publisher also, it is not clear to me how you discern what Adobe intended for Save for Web and Devices. They don't tell us much. If you have found more details, please point me to them.
I dig and dig in the documentation, and nowhere see guidance as to its purpose and limitations. I wish there were more. The options and tools in it seem very good for taking an image you use for print, and making a web or iPhone version--better than I find in other tools. Apart from the warning, it sure looks like a general purpose resizing/optimization tool. I would like to know more from Adobe about what Save for Web actually does to my images in this process. Perhaps other tools would be better for images destined for devices such as the iPhone/iPad, rather than the web.
As far as we're concerned, the only issue is that Save for Web doesn't cope well with large files. There are ways to deal with that. Adobe has provided us all with some truly great tools in CS, but perhaps have neglected this corner a bit. Thanks for pointing me to workarounds. They're more awkward, but will get us there.
For my part, I mostly just ignore the warning, use Save for Web, and get my web/device images. Perhaps some day Adobe will tweak Save for Web and make it into the great general purpose tool it could be. In the meantime, they could at least put a 'don't show this message again' checkbox in the warning as Scott Falkner suggests.

Crop tool doesn't work in Save for Web GRRRRRR

Hi,
I'm working with Illustrator CS3 and seem to have a problem with the crop area tool. When exporting an image in "save for web", however, Illustrator just ignores the settings and crops to the artboard.
Is this a know bug? Or my computer going nuts? What should I do?
I took this from the lost archiveâ¦ I seems that slices influence this.
Anybody any clues? (AI 13.02/ OS X 10.4.10)
thnx

Basically, I would do this as James does. However, James is assuming you know what he means by "Use two applications of Transform effect to make the 3 x 4 array." Since you or another reader may not, I offer the following recipe that I prepared some time ago for a class. It's for 8-up business cards that will fit on letter-size stock.
SETTING UP THE ELEMENTS
New document, rename Layer 1 to Cards.
Make a rectangle 3.5 X 2 inches (the size of a standard business card). Give it no stroke and a light gray fill (so you can see it as reference; you can clear the fill later).
Make a single set of crop marks for the top left corner. I made a 27-pt. square (3/8 inch) - no stroke or fill - and another at 18 pts (1/4 inch) - .25 stroke, no fill. Copy a horizontal segment from the smaller square, paste, and drag it to snap its left anchor to the bottom left anchor of the larger square. Copy a vertical segment from the small square, paste, and drag it to snap its upper anchor to the top right corner of the larger square. Delete the small square and group the segments/large square. Drag this group into the Symbols panel so you never have to make one again. The group on the page is now a Symbol; drag it by its lower right anchor to snap to the upper left corner of the business card rectangle. The two quarter-inch crop marks are offset from the card by 1/8 inch.
Select the crop symbol.
Go to Effect > Distort & Transform > Transform
Move Horizontal: 3.5 inches (the width of the card)
Move Vertical: 0
Copies: 1.
Reference Point (tic-tac-toe thing): right column
Reflect X: On
OK. The crop marks appear on the upper right corner of the card.
Effect > Distort & Transform > Transform
(Warning box: Apply New Effect)
Move Horizontal: 0
Move Vertical: -2
Copies: 1
Reference Point: lower row
Reflect Y: On
OK. Crop marks appear on all four corners of the card.
At this point you can give the card rectangle a fill and stroke of None, and save the card/crop marks combination as a symbol. Call it BC.
Delete all the unused Symbols and Save Symbol Library: "BC"
Target the Card layer (click on the circle)
Effect > Distort & Transform > Transform
Move Horizontal: 4 inches
Move Vertical: 0
Copies: 1
Reference Point: any
Reflect: Both Off
OK. A copy of the card with its crop marks appears 1/2 inch to right of original.
Effect > Distort & Transform > Transform
Move Horizontal: 0
Move Vertical: -2.5 inches
Copies: 3
Reference Point: any
Reflect: Both Off
OK. 3 new rows of cards and crops appear below the first row
You now have crop marks for 8-up business cards; the original crop symbol and card rectangle are selected.
Go to the Graphic Styles panel and make this a new graphic style; name it BC 8-Up. Delete all the unused Graphic Styles, and Save Graphic Style Library as "BC 8-UP"
USING THE ELEMENTS
New document. Drag out an instance of the BC symbol, and put it in the upper left corner of your letter-size page.
Click the BC 8-Up Graphic Style. Eight blank business cards are laid out.
New layer. Over the top left business card create or place any combination of type or art you want repeated on all the cards.
Target the layer and click the BC 8-Up Graphic Style. The artwork appears in place on all the cards. Any editing you do in the top left card is instantly reflected in the others. Also, because the style is applied to the layer, anything you put on this layer will have the style applied to it.
New layer. Over the top left business card place any type you want to be different on each card. With it selected as an object, click the BC 8-Up style - the type appears on all the cards.
Object > Expand Appearance. The type on each card is now individually editable.

Recording Save for Web in an Action still doesn't work properly in Photoshop CS6 13.0.1

There is still an issue with making new actions that include saving for web. While recording the action, save for web functions as it should. But once the action is played, regardless of the original format the saved image should be, it gives it an html filename extension. This can be extremely frustating when you have an action that saves over a hundred images from a single action.
I have seen posts in Adobe forums from many people regarding this very irritating bug, including posts from Adobe employees acknowledging the bug. This was present in the Beta, the initial release, and in this 13.0.1 update. No fix.
http://feedback.photoshop.com/photoshop_family/topics/ps_cs6_actions_recorded_action_expor ts_html_instead_of_jpg
The employee acknowledged this bug THREE months ago (as of this post), yet all things considered, this doesn't seem like something that would take three months to fix!
I have spoken about this bug with a friend that is a computer programmer. Considering that the action is saving the file correctly, and it's only the name that is not saving properly indicates that this is a superficial error, and not an issue that would require rewriting the code completely. Also consider that this WAS functioning properly in CS5, and that this is a very easily reproducible bug. Adobe should have plenty of information required to correct the issue. I understand that this fix may be more or less difficult to do than what I am suggesting, but it should have been fixed by now.
I don't understand this mentality. Please Adobe... Put CS7 down for a little while, and fix what needs to be fixed in CS6. People (myself included) have paid A LOT of money for your products, it's not unreasonable to expect them to work properly. Bugs happen, it's understandable, but it's not unrealistic to expect a fix for them when the software is as expensive as it is. Is there actually any plan to correct this issue?

See also: http://forums.adobe.com/message/4662367#4662367
-Noel

Save for Web & Devices window doesn't fit @ 1366 x 768

I'm using a MacBook Air running at 1366 x 768, or within Adobe CS5 requirement tolerances, but whenever I try to 'Save for Web & Devices', the dialogue box that pops up is much too big, vertically speaking, for my screen. Attempting to minimize/maximize doesn't rectify the problem--a substantial portion of the window, including the buttons necessary to execute the save action, are in the not-visible portion of the window. If I hit ENTER/RETURN, I can complete the process, but this is clearly a bug: I should be able to resize the window, or scroll within it.
Is there something else I can do, short of pursue a fix from Adobe? Some setting I've overlooked? I'm running Lion, but this problem started on a Snow Leopard install.

mcpeckham wrote:
…Yep, that seems to work, but I shouldn't have to hide the Dock, right?…
Wrong! Yes, you do have to hide the Dock if you want to share the Adobe Photoshop minimum required space with Apple's Dock, which in my opinion should be invisible when not needed, which in turn is for a split second every half hour or more. I'm sick and tired of Apple shoving ugly, intrusive OS features down our throats (see footnote * in next paragraph). I want the computer to do what I want, not what Apple wants.
* 2.5 GHz Power Mac (PPC) G5-Quad; 16GB RAM; mutant, flashed 550MHz nVidia GeForce 7800GTX, 1,700MHz 512MB VRAM; ATTO ExpressPCI UL5D LP SCSI card; Mac OS X Tiger 10.4.11 and Leopard 10.5.8 boot drives; Spotblight, Dashboard and Time Machine permanently disabled; Dock hidden; dual 22" CRT monitors; USB wireless 'n' available but connected to the Internet via wired Ethernet; FW flatbed scanner; 2 SCSI scanners (one tabloid-size transparency scanner and a film scanner); various internal & external HDs; FW Epson 2200 and Ethernet Samsung ML-2850ND printers; 2 X Back-UPS RS 1500 XS units.
Mr. Schewe explains it more forcefully in his last post above.
My experience over the years has shown me consistently that the more vocal or vehement the complaint, vent or rant, the greater the likelihood of PEBKAC (google that if you're not familiar with the term).
Wo Tai Lao Le
我太老了

Artboard name and save for web or export

Hi when saving for web or exporting an artboard is there any way to pre-populate the save file name dialog box with the artboard's given name. It would save having to re-name the file and make good use of that metadata.
Thanks in advance

There is a way, but you have to use file >> export >> jpg.
Worked great for me here where I have my artboards named the flavor, and when asked for fielname used "a".

Trying to not save artboard when exporting or using save for web and devices

Hello,
I am using AI CS5 and I am trying to save a logo that is on an 8.5 x 11 artboard. When I try to export or 'save for web and devices', I am getting the entire artboard to be saved - not just the logo like I want. I have never had this issue in CS3, and just started using CS5 so I am not sure if there is a new feature that I need to be turning off to just save the logo instead of the entire 8.5x11 page.
Any help is appreciated,
Kristie

Thanks! It was under the object - slice. You've saved my sanity

Save for web doesn't match artboard

Similar Messages

Maybe you are looking for