Exporting as an SVG in Adobe Illustrator canvas size issues

svg adobe-illustrator
SparrwHawk picture SparrwHawk · Jun 21, 2012 · Viewed 32.7k times · Source

I'm having real trouble with saving a simple SVG in Adobe Illustrator.

Illustrator keeps imposing its own canvas size on the export.

This is what I'm doing...

1) Draw an art board around the image

enter image description here

2) File > Save As

3) Change type to SVG

When I view the result, Illustrator has seemed to have resized the canvas arbitrarilyenter image description here

How can I control this so I can get my own size?

Answer

Nicholas Credli picture Nicholas Credli · Mar 31, 2013

Your problem is that your SVG is being saved with the Artboard, which is set to the default document size.

Try using "Object > Artboards > Fit to Artwork Bounds" before you save.

Related questions

is there a tool to create SVG paths from an SVG file?

does anyone know of a tool that can take an SVG file, and convert it into an HTML 5 SVG path? you know, the d="M 0 0 L 20 134 L 233 24 Z" fill="#99dd79" part? I head here: Use Adobe Illustrator to create SVG …

Read More
How to use .svg files in a webpage?

I want to know how can one actually use a .svg file In a web page?

Read More
Optimal settings for exporting SVGs for the web from Illustrator?

I'm looking to use an SVG logo for a website — to make it look great on a responsive design for all devices. But since there are issues, I want to support as many devices and browsers as possible. Load speed …

Read More