Mobile app version of vmapp.org
Login or Join
Gail6891361

: White border around transparent PNG after Illustrator export? I created a logo in Illustrator CC and after I 'Save for Web' using PNG-24 with a transparent background and put it in my website

@Gail6891361

Posted in: #AdobeIllustrator #Export #Png

I created a logo in Illustrator CC and after I 'Save for Web' using PNG-24 with a transparent background and put it in my website html there is a thin white stroke around the logo. This is definitely not a html problem but an issue with exporting with illustrator.

I definitely have not got a white border on the image in illustrator. It does not show up when I preview the image in Windows but does in my HTML. Im not using any CSS either.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Gail6891361

3 Comments

Sorted by latest first Latest Oldest Best

 

@Speyer780

I had the same issue when saving as "PNG-8". You could try making sure you select preset "PNG-24" in the Save for Web dialogue box (top right). My problem was solved when I did this.

10% popularity Vote Up Vote Down


 

@Bethany839

This still make the artwork shift some times ive noticed when you use "align to pixel grid". I got it fixed by double clicking on the artboard. This will shift to the correct pixel, this is handy when you have a backdrop perfect matched to artboard size

10% popularity Vote Up Vote Down


 

@Murphy569

My bet is that your artboard isn't aligned to the Illustrator pixel grid. Try going to the artboard tool:



Then in your toolbar, verify that your artboard's X, Y, Height, and Width are all whole pixel numbers (no decimals!).



Be sure to select a corner point and not the center. We want each edge of your artboard to land perfectly on the pixel grid.

If they were already whole pixel numbers, this probably won't make any difference, but if they were, change them to whole pixels, then double check that your artwork still fits ok, and then try Save for Web again.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme