Illustrator distorting paths on SVG export, even with decimal places set to 5

New Here ,
Feb 05, 2018 Feb 05, 2018

Copy link to clipboard

Copied

Regardless of the setting I use for Decimal Places I get distorted SVG paths. Specifically circles.

Here’s a before image:

1.png

… and after:

2.png

And a screenshot of my settings window:

Any ideas what might be going on? This is actually holding up a large project that involved zooming in on SVGs to see detail.

Views

1.4K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 05, 2018 Feb 05, 2018

Copy link to clipboard

Copied

Just how far do you zoom in?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 05, 2018 Feb 05, 2018

Copy link to clipboard

Copied

Depends on the user’s browser size, but at the largest around 1200% or so. But regardless, I can see the distortion and very small sizes.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 05, 2018 Feb 05, 2018

Copy link to clipboard

Copied

That's very small type, right?

You might have reached a point where SVG with outlined type just won't work.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 12, 2020 Apr 12, 2020

Copy link to clipboard

Copied

The only thing I've found that works for me is to NOT use export. Use Save As... or Save a Copy... and select SVG.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 12, 2020 Apr 12, 2020

Copy link to clipboard

Copied

"Save as" will produce outdated code and not make your web developer particularly happy.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 24, 2022 Feb 24, 2022

Copy link to clipboard

Copied

LATEST

I've been experiencing the same issue, especially when it comes to rendering cirles and the letter O. The centre shape is  always offset.

 

Through trial and error, I found that having the font stored locally (instead of accessing it via Adobe CC/fonts) resulted in an SVG export that matched the artwork.  

Screenshot 2022-02-24 at 11.43.34.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines