: Illustrator saving as SVG causes transparent offset between objects I have the issue that when saving to SVG from Illustrator 2015 CC, there is a small offset between some objects, as seen below:

@Sarah814

A common problem - Exactly fitting objects get a narrow transparent zone between them. It's the antialiasing. Illustrator is clever enough to avoid it with native AI files, but SVGs get it. Objects should overlap to avoid the defect. That can be achieved in sevaral ways:


offset path
a stroke
initially bigger bottom objects
extra object below the seam


To be honest, you have another cause, because the transparent seam area seems to be quite wide and not the same in every seam. You can have something that conversion to SVG does not support properly. If you can give a link to a sample AI file and the resulted SVG, underhood specialists could give a better answer.

ADD: I saved the linked (link was in a comment) logo as SVG 1.1 with default settings. The result was tight when opened in Ai and Inkscape. I have a legacy Illustrator, not a CC version, so the opened AI file probably is in the beginning different than yours due the unsupported details. I do not understand well the conversion process, so I did not more tests.

I could repeat the problem by shifting the blue part a little down and left. The shift is very difficult to notice in Ai due the white color of the player and the artboard.

To get useful answers, please, add the link to the AI file and also to the consistently wrong SVG to your question. Nobody searches them in a comment under my answer.

A WORKAROUND: If you do not get a fix to the conversion, delete the white player and place a white circle under the image.

Vote Up Vote Down