0

I don't get why it looks fine in illustrator but when I export to SVG there are cracks in the SVG. Unwanted Cracks

You can see through some parts the star is gold/yellow not green.

My settings Settings Star Zoomed

Output Output

8
  • 1
    For vector graphics to work they must overlap. – joojaa May 5 at 17:20
  • overlap what? is there a tutorial I can look at – Loot May 5 at 17:25
  • Each other. The rendering algoritm used just slaps pixels on top of eachoter. But that kinda does not work as it assumes something thats untrue. So if you want to not see the backgound your parts must overlap. – joojaa May 5 at 17:39
  • 2
    Make a yellow star and put it behind rest of your star. Anyway the only reason you dont see this is that you have a noncontrasting background and the opengl preview being a bit better tuuned. Put a green bakground in illustrator and turn the software renderer on and it should become more visible. – joojaa May 5 at 18:23
  • 1
    Also read this and this – joojaa May 5 at 18:27
1

This problem is common and appears regularly as questions in GDSE. If I remember right I have written essentially the same answer about 3 times per year.

Exactly fitting seams have 2 px wide partially transparent gap when they are rendered on the screen. It's the antialiasing which makes the edges of the shapes to have 1 px wide fuzzy zone to avoid jaggines. The background leaks through that gap.

Illustrator can avoid it when it shows AI files on the screen, but exported formats are different thing.

Other vector drawing programs such as Inkscape and Affinity Designer make exact seams to leak with no exporting, it happens as soon as you have 2 adjacent pieces with exactly fitting seam between them.

As already said in comments, make the pieces to overlap or insert a less visible background. You can get the background for ex. by making the union of all your pieces and color it to yellow. In that case your outer edge can leak yellow. Fix it by making a small inset with Offset Path.

The easiest way to get overlap is to insert a narrow stroke and color it to the fill color. Every shape doesn't need it, but let every seam have at least one stroke from one shape.

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