Skip to main content
Participating Frequently
March 5, 2020
Answered

SVG file exported from Illustrator has jagged edges

  • March 5, 2020
  • 1 reply
  • 11343 views

When I save an artboartd as an SVG file it usually looks fine. Sometimes, however, when I save an SVG file the outlines become jagged and I cannot work out why. There are no effects, strokes, open paths etc. they are just straightforward shapes with 100% transparency. I have attached screenshots to show what it looks like on Illustrator and how it appears when it's been saved as an SVG file.

    This topic has been closed for replies.
    Correct answer Monika Gause

    Making it larger will work as well.

    The Decimals setting is in the SVG options. They are in different places in the export dialogs, so I would suggest:

    https://helpx.adobe.com/illustrator/using/collect-assets-export-for-screens.html

    https://helpx.adobe.com/illustrator/how-to/export-svg.html

    1 reply

    Monika Gause
    Community Expert
    Community Expert
    March 5, 2020

    Probably the Decimals setting is too low.

    Participating Frequently
    March 5, 2020

    Thanks for the response. How do I increase the decimals setting?

     

    Edit: I just tried making the logo much larger in illustrator before exporting and this has worked, it is no longer jagged. Thanks for your help.

    Monika Gause
    Community Expert
    Monika GauseCommunity ExpertCorrect answer
    Community Expert
    March 5, 2020

    Making it larger will work as well.

    The Decimals setting is in the SVG options. They are in different places in the export dialogs, so I would suggest:

    https://helpx.adobe.com/illustrator/using/collect-assets-export-for-screens.html

    https://helpx.adobe.com/illustrator/how-to/export-svg.html