When I save as .SVG it adds extra whitespace width to the document


I have my image on the artboard and have clicked Object > Artboards > Fit to artboard bounds.

enter image description here

When I save an SVG I get extra whitespace at the bottom, how can I just save whats in the artboard? I have even selected just the 'artboard 1' in the save options, still whitespace.

Here is what am I talking about

enter image description here

4/21/2014 1:44:00 PM

Accepted Answer

In the Illustrator save dialog, there is an option where you can check 'Use Artboards'. Check this and it will save the image to the exact size of your artboard.

EDIT (from comment)

When using the Save As... dialog, it will save the artboard-cropped file as filename-01.svg. (note the -01 suffix). I assume you're checking that file, which means it is likely a bug in AI.

Try exporting as an .eps with artboard on, then export that to a .svg. Otherwise you may need to remove all vectors outside the artboard manually. Check for stray vectors, and if anything is hanging out over the edge of the artboard, try using the Pathfinder tool to manually crop to the artboard.

As a last resort, you can also edit the .SVG file in a code editor as it is XML based.

5/9/2016 3:46:00 PM

I just came across a similar problem and found that if you untick Responsive in the More options panel in the svg export save as thing it stops the extra whitespace. Not sure what this is or why it is ticked by default. Using creative cloud, not sure if that option is in earlier versions