• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
2

Why are my SVG paths distorted?

Explorer ,
Jul 07, 2014 Jul 07, 2014

Copy link to clipboard

Copied

Hello,

I've saved down a bunch of icons from Illustrator as SVG to be made into an icon font.

Most are just fine.

But a few of them are distorted, the points and curves are jumbled by just a little bit here and there ... apparent when I open the SVG file back in Illustrator too.

In the example below, you can see that the edges of some of the shapes have moved when saved down (the font is Helvetica).

Is there a step I should take to save shapes down correctly as SVG from Illustrator CC 2014?

Regards,

Pete

Screen Shot 2014-07-07 at 16.15.47.png

Views

37.5K

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

correct answers 1 Correct answer

Community Expert , Jul 07, 2014 Jul 07, 2014

Looks like "Decimal places" has been set too low.

Votes

Translate

Translate
Adobe
Community Expert ,
Jul 07, 2014 Jul 07, 2014

Copy link to clipboard

Copied

Looks like "Decimal places" has been set too low.

Votes

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
Explorer ,
Jul 07, 2014 Jul 07, 2014

Copy link to clipboard

Copied

Thanks Monika. I've never noticed that option before. Fixed!

Votes

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
Community Beginner ,
Nov 10, 2015 Nov 10, 2015

Copy link to clipboard

Copied

i realize this is an old post, but can you explain the "decimal places" a bit more?

thank you!

brandon

Votes

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
Community Expert ,
Nov 10, 2015 Nov 10, 2015

Copy link to clipboard

Copied

It's in the SVG Options dialog (the second Save dialog). If the dialog you have looks like this,

Screen Shot 2015-11-10 at 9.25.31 AM.png

hit the More Options button to reveal this

Screen Shot 2015-11-10 at 9.25.42 AM.png

Votes

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
Community Beginner ,
Nov 10, 2015 Nov 10, 2015

Copy link to clipboard

Copied

thanks larry! really appreciate it.

i set the value to "0" but i still get mangled SVG output.

i also set it to 3 and 2 and and still got the same mangled affect.

any other advice?

thank you very much for you fast reply.

-brandon

Votes

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
Community Expert ,
Nov 10, 2015 Nov 10, 2015

Copy link to clipboard

Copied

Try something higher than 3. The more points behind the decimal, the greater the accuracy.

Votes

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
Community Beginner ,
Nov 11, 2015 Nov 11, 2015

Copy link to clipboard

Copied

awesome, will try again today.

thank you!

-b

Votes

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
Community Beginner ,
Jan 29, 2019 Jan 29, 2019

Copy link to clipboard

Copied

thanks ...4 works for me

Votes

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
Community Beginner ,
Nov 11, 2015 Nov 11, 2015

Copy link to clipboard

Copied

thanks larry,

i tired with a higher number and now it throws the sag off the art board by quite a ways.

will keep trying to find the variable.

thanks,

-b

Votes

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
Community Expert ,
Nov 11, 2015 Nov 11, 2015

Copy link to clipboard

Copied

You don't have Align to Pixel Grid turned on do you?

Votes

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
Community Beginner ,
Nov 11, 2015 Nov 11, 2015

Copy link to clipboard

Copied

normally i would, but i haven't been using Pixel Grid on this icon set.

-b

Votes

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
Community Beginner ,
Nov 16, 2015 Nov 16, 2015

Copy link to clipboard

Copied

we may have found a solution on this mystery SVG issue. we made the artboard for the icons 30x30 pixels. (up from 25x25)

so far things look good. no more degenerating of vectors and weird placement outside of artboard.

crossing finfgers, but i think we solved it.

-b

Votes

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
Community Beginner ,
May 30, 2018 May 30, 2018

Copy link to clipboard

Copied

This was driving me nuts! I just enlarged my artboard relative to the artwork and it worked. THANKS.

Votes

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
Community Beginner ,
Feb 15, 2018 Feb 15, 2018

Copy link to clipboard

Copied

thanks alot bruv

Votes

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 ,
Aug 21, 2024 Aug 21, 2024

Copy link to clipboard

Copied

LATEST

Thank you! this was very useful

Votes

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 ,
Jul 12, 2018 Jul 12, 2018

Copy link to clipboard

Copied

yeah same problem, set decimnal to like 4. works perfect.

Votes

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 ,
Jan 30, 2024 Jan 30, 2024

Copy link to clipboard

Copied

Thank you helped! set to 5 the decimal ❤️

 

Votes

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