Skip to main content
N
Nate23442333n51h
Participant
July 14, 2022
Answered

SVG is exporting with "white" lines/transparent space between shapes

  • July 14, 2022
  • 1 reply
  • 4176 views

 

I can't seem to figure out why my SVGs are exporting with what looks like to be the width of a path as transparent space between shapes:

 

In Illustrator, I do not see these "white" lines/transparent space.  It is only when I export the SVG and open it in say PowerPoint or a browser.  It's like upon saving as an SVG, Adobe subtracts the width of the paths from shapes.  All 4 shapes/objects here should be touching each other. 

 

P.S. I am on a mac so hopefully you can see the lines I am talking about in the above image.

 

Any help is appreciated.  Thank you!

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

OK.

The might be gaps because precision can't be set high enough. But you could try a higher "Decimals" value.

If that still does not work, create them in a way that they overlap slightly.

1 reply

Monika Gause
Community Expert
Monika GauseCommunity Expert
Community Expert
July 14, 2022

Can you please show the Outline view in Illustrator?

 

If there  are multiple paths that made this shape (using e.g. Live paint), then maybe expanding and uniting is an option?

N
Nate23442333n51hAuthor
Participant
July 14, 2022

Hi Monika,

 

Please see the below.  I am needing the SVG to be four separate shapes like it is now so each can be a separate color and editable in PowerPoint.

 

Monika Gause
Community Expert
Monika GauseCommunity ExpertCorrect answer
Community Expert
July 14, 2022

OK.

The might be gaps because precision can't be set high enough. But you could try a higher "Decimals" value.

If that still does not work, create them in a way that they overlap slightly.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices