: 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
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.
More posts by @Gail6891361
3 Comments
Sorted by latest first Latest Oldest Best
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.
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
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.