Export Multiple Artboards with Save for Web?

Community Beginner ,
Apr 05, 2011 Apr 05, 2011

Copy link to clipboard

Copied

Is there a way to do this?

TOPICS
Import and export

Views

66.5K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Apr 05, 2011 Apr 05, 2011
Doesn't appear to be unless you export rather than save for web.

Likes

Translate

Translate
Adobe Community Professional ,
Apr 05, 2011 Apr 05, 2011

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 05, 2011 Apr 05, 2011

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Aug 31, 2013 Aug 31, 2013

Copy link to clipboard

Copied

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!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 05, 2011 Apr 05, 2011

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jun 19, 2014 Jun 19, 2014

Copy link to clipboard

Copied

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 export.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 28, 2014 Jul 28, 2014

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 25, 2016 Feb 25, 2016

Copy link to clipboard

Copied

And what if I need them in gif?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 25, 2016 Feb 25, 2016

Copy link to clipboard

Copied

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


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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 24, 2017 Mar 24, 2017

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 12, 2018 Apr 12, 2018

Copy link to clipboard

Copied

OMG I have this problem too!

How can I export multiple png using save for web?

PLEASE HELP!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 12, 2017 Apr 12, 2017

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 09, 2017 Mar 09, 2017

Copy link to clipboard

Copied

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.

1.jpg2.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Feb 22, 2018 Feb 22, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 23, 2018 Feb 23, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 12, 2018 Apr 12, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 10, 2018 Jul 10, 2018

Copy link to clipboard

Copied

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'

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 29, 2018 Nov 29, 2018

Copy link to clipboard

Copied

Thank you Gajanan

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 12, 2019 Apr 12, 2019

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 25, 2021 Apr 25, 2021

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 25, 2021 Apr 25, 2021

Copy link to clipboard

Copied


@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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
May 25, 2021 May 25, 2021

Copy link to clipboard

Copied

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?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
May 26, 2021 May 26, 2021

Copy link to clipboard

Copied

LATEST

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines