5

Just working on a logo, but when I export the logo to svg (for a website) I get white borders at the edges and the shadow (see picture). Anyone knows how this can happen and what I can do to prevent this? In Illustrator the logo is perfect but exporting to svg/png/jpeg etc brings up this problem

enter image description here

Thanks in advance.

2 Answers 2

2

Check to make sure the elements and artboard are aligned to the pixel grid.

It's bad if your toolbar looks like this: https://i.stack.imgur.com/93mZt.png

Round those numbers and try exporting again to see if that helps.

You can also set it up so your objects align to the grid automatically in the future by checking the Align to Pixel Grid box in the Transform window.

https://i.stack.imgur.com/8RjmL.png

1

Don't have enough reputation to comment, so leaving this as a second answer.

HandsomePhil's answer is correct, but when working with a raster element in Illustrator CC 2019 on Windows, there was no "Align to Pixel Grid" checkbox. Instead, I had to right click the raster element and click "Make Pixel Perfect" and the white border around the raster element went away.

1
  • My export looks much better, thank you!
    – aero
    Sep 13, 2019 at 19:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.