Quick Fix: Why Illustrator Exports 1 Pixel More To Each Dimension

Quick Fix: Why Illustrator Exports 1 Pixel More To Each Dimension 1024 602 Nick Saporito

Today I’ll be addressing a rather frustrating glitch in Adobe Illustrator CC. For whatever reason, Illustrator exports 1 pixel more to each dimension of a PNG or JPG file. The fix is quite simple though.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

Why Illustrator Adds That Extra Pixel

After doing a little digging around, I discovered (thanks to Pixel & Bracket on YouTube) that it’s because of the position of the artboard on the canvas as it relates to the X and Y axis.

Whenever the artboard is positioned in a location that includes a decimal value, Illustrator rounds up to the nearest pixel, meaning your exported document ends up being 1 pixel larger than the actual artboard on each dimension.

Changing the position of the artboard on the canvas

If you grab the artboard tool (shift + o) and select your artboard, you’ll see in the top toolbar where it’s positioned relative to the X and Y axis. The decimal values are highlighted in yellow. This is the culprit.

The Fix

The fix is quite easy. All you have to do is manually remove the decimal values from each axis and that should prevent Illustrator from exporting 1 pixel more.

Updated X and Y axis values

Once you’ve done so, be sure to re-center your design relative to the artboard. The position of it has now changed and will not export properly if you don’t, even if it’s just a slight decimal change.

Now try exporting your design again. It should export at the proper dimensions.

If any portion of these directions is unclear, be sure to watch the brief 2-minute video tutorial I put together at the top of the post.

Apparently this glitch has gone unaddressed by Adobe for a while because search queries for it date all the way back to 2013. I’m used to dealing with glitches like this when using Open Source software, but when it comes to industry-standard software that costs a lot of money, I expect better. Hopefully Adobe addresses this soon.

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. Read affiliate disclosure.

Nick Saporito

Nick Saporito is a Philadelphia-based graphic designer who specializes in branding-specific design. A full portfolio and information regarding services offered can be found at LogosByNick.com.

All stories by: Nick Saporito
11 comments

Leave a Reply

Your email address will not be published.