adobe illustrator artboard size vs export png size

#ADOBE ILLUSTRATOR ARTBOARD SIZE VS EXPORT PNG SIZE MANUAL#

(In this example, the width would now be 245px and the height will have automatically changed in relation to the width to 24px).Īdd art to Artboard or resize existing artwork to fit.Įxport to PNG with 'Use Artboards' specified, using High (300 dpi) resolution. Keeping proportions locked, change the Artboard width to the quotient in step 2, rounded up or down to a whole number, as appropriate.

In Illustrator, set General Unit Preferences to 'Pixels.'Ĭreate a blank Artboard at your final desired pixel dimensions (in this example, 1020px x 100px) or resize an existing Artboard to your final desired pixel dimensions. I haven't found any automated solution for this in Illustrator settings nor online.ĭivide your final desired pixel width by 4.166 (Using the example from the question, 1020px / 4.166 = 244.839).

#ADOBE ILLUSTRATOR ARTBOARD SIZE VS EXPORT PNG SIZE MANUAL#

However, exporting an image in Adobe Illustrator to PNG format with specific pixel dimensions using the High (300 dpi) resolution setting, unfortunately seems to require math on a user's part and potential manual resizing of artwork. Simply set up the Artboard to exact pixel dimensions and Export with 'Use Artboards' selected. It's easy to Export an image to PNG with specific pixel dimensions if the target resolution is 72dpi. The 300dpi PNG is larger than the 72dpi PNG because the number of pixels in the image has increased, while the print size has remained the same. On the other hand, 'Save for Web' has an automatic resolution of 72dpi. You were exporting at High (300dpi) resolution.

Adobe illustrator artboard size vs export png size