Export Multiple Artboards with Save for Web?

[benjancewicz]

Is there a way to do this?

[Larry G. Schneider · Accepted solution]

Doesn't appear to be unless you export rather than save for web.

[benjancewicz]

That's a shame. It seems like it ought to.

[Ásgeir_Vísir]

Does anyne know why this has not been fixed already?

At least it should be an option, to be able to continue slicing through multiple artboards so you can export a few screens at a time!

[Mike_Gondek]

Make each artboard a slice.

You will either need to:

1. have no gap between artboards
2. throw out the files generated by the extra slices between artboards.

[cnngraphics]

Create your artboards.

Click "FILE"

Export =>

Click "USE ARTBOARDS"

Click Save....=> On next screen select your resolution (72 DPI for web)

Then Select your export quality.

And save... All your artboard are now exported

[andymator]

72 DPI? And that is intended to represent what now?

I haven't seen a 72 DPI monitor since the early 90s. I can't believe I can't tell illustrator the size in piexles, and then how large the canvas is. I am often designing something for a specific screen. I want that to print out in the correct size so we can quickly have a wall of screens for previews, but have the same file be pixel ready for the actual device. It's assuming ALL screens are 72 dpi. So if you give it 1280x800 (a common web starting point) then it assumes your size is 17.77 inches, and you can't change it. It seems like a pretty big mistake for Illustrator to only let you choose one set of units. It's either in inches (or cm if you're into that sort of thing) or in pixels. You can't have both.

I'm not saying I'm surprised. This is Adobe. If you weren't aware, they are always right.

[m1kemark1]

And what if I need them in gif?

[Mike_Gondek]

For GIF, go with one artboard and Save For Web with slices.

Sorry no export or image processor or script that I know of.

[Giiiga]

It's not really accurate to use the 72 DPI "screen resolution" in illustrator to export your graphics.

I have designed a pack of icons that each is in an artboard of 160x160 px..
when I get to export the artboards with 72 DPI "screen resolution" from illustrator.

the result files read 161x161 px..
however, changing all the other options like, quality, compression method, anti-aliasing & ICC profiles certainly don't affect the result file pixel size,, I even tried doubtfully, and certainly failed as expected..

I think the slicing is the only accurate solution when using "save for web".

so boring Adobe,, come on !! it's just and extra feature =D

[giselle ng]

OMG I have this problem too!

How can I export multiple png using save for web?

PLEASE HELP!

[danie43220880]

make sure the artboard is on a round pixel location on the x and y axis, then it'll stop 🙂

[Montgal_NYC]

In uploading my Artboards (I have three Artboard as a representive for a responsive webpage) to the server, it seems that the file type was not able to be read.  However, I will try again. Your thoughts.

[markoc35944730]

In CC version you can use Quick Export as PNG option to export all Artboards at the same time. After you select all Artboards first, right click on it and then use Quick Export as PNG .

Hopefully it can help.

[A Renalson]

Dudes it's all under FILE > EXPORT > EXPORT FOR SCREENS

[Doug A Roberts]

sure, it is now. it wasn't in 2011.

[giselle ng]

but it still doesn't give us the actual pixel. 😕

[Gajanan Kamat]

It's simple...
Go to > Windows tab (in illustrator) > Open Artboards tab > Click on the Artboard to be 'Save for Web' and that artboard only will be saved for web.
Select from the layer (Artboards) to be exported one by one and 'Export for web'

[alig83792029]

Thank you Gajanan

[1000i52750319]

Ugh, I need this too, and it's nowhere to be found. I need to export some baners from artboards that meet specific file size, and I can't do that with anything else but save for web. Other saving methods don't support quality/weight change. If it's somehow in Export for screens I don't have it in my Photoshop CC... This is one of the lamest change for me.

[castrain]

The only way I know how is to save as a PDF and then export from the PDF.

[Monika Gause]

---

@castrain  schrieb:

The only way I know how is to save as a PDF and then export from the PDF.

---

And your question is?

This is an old thread. Does the solution not work for you?

[creativet4715526]

Is there a way to export multiple artboards under "save for web" ? I read through the entire post from 2011 and it doesn't like this is possible yet?

[Doug A Roberts]

As a legacy function, Save for Web will never be updated.

If you describe what it is you need that Export for Screens doesn't do, maybe someone will have an idea.

[Shin_Chan5601]

Step1:
File > Export > Export for Screens

Step 2:
Choose: Artboard
Choose: All
Choose: Place to save
Choose: Scale (1X is smallers, 2X is bigger, etc...)

You are welcome!