Mobile app version of vmapp.org
Login or Join
Sims5801359

: How do I avoid lines at top and left borders of png files exported from Illustrator When I export Illustrator artwork as a png file, I get a one pixel grey border at the top and left edges.

@Sims5801359

Posted in: #AdobeIllustrator #Export

When I export Illustrator artwork as a png file, I get a one pixel grey border at the top and left edges.

There is no background object, but I export (Save for Web and Devices) with matte white background and no transparency. I also tried with a white background object, with it snapped to the artboard and also larger than the artboard by 10 pixels in each direction. I still got the lines at the top and left of the exported image.

I also tried making a new file, with the artboard in pixel units, and selected the option to have objects snap to pixel grid, and then copying and pasting the artwork from the original file. I still got the lines.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Sims5801359

4 Comments

Sorted by latest first Latest Oldest Best

 

@Yeniel278

i had this same problem and realized i had set up my document with a bleed, so when i disabled bleeds and tried exporting again to PNG, i had no problem with white border showing up. click "use artboards" at export.

10% popularity Vote Up Vote Down


 

@Angie364

After much tearing of hair the following works for me:


Select View > Pixel Preview.
View > Snap to Pixel should be ticked.
You should use Artboards
The Artboards should be laid out by Illustrator not by you, so if you've created, copied or positioned any: Objects > Artboards > Rearrange and choose a whole pixel value for spacing. This will lay the artboards out to exact pixels.
Choose View > Pixel Preview and check the edges of the artwork for unwanted anti-aliasing. It sometimes helps to extend shapes beyond the edges of the artboard.
When you're happy with how it looks, choose File > Export and tick Use Artboards
Antialiasing type selection seems to have little effect on this issue but will effect the way your artwork looks.

10% popularity Vote Up Vote Down


 

@Dunderdale640

If I recall correctly, choosing "use Artboards" when exporting circumvents this situation.

10% popularity Vote Up Vote Down


 

@BetL875

Based on a duplicate question that was just closed, I'd say the problem is that your graphic is not pixel-aligned, so you have an anti-alias artifact showing up. Try creating a new document, turning on "Align New Objects to Pixel Grid," and recreate.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme