: Importing SVG into Illustrator with proper viewBox size When I try to open an svg file with Illustrator, Illustrator defaults to whatever artboard size was last used when a file was open. As

@Sherry646

I know that this is not exactly the answer that you want, but I work mostly with SVG limiting his use with Illustrator because you can work easily directly with text. Illustrator add a lot of nonsensical code that I prefer not to have in my SVG files, I use it only when I need to shape a "path" that I need to use.

My 2 cents:
First of all having a decent viewbox number helps a lot when dealing with SVG elements. So you might want to have a viewbox that is square shaped more than rectangular, something like "0 0 32 32" or "0 0 100 100" so that you can move the SVG element around and resizing by just modifing via text editor the SVG rather than from Illustrator.

Even because if you resize the element just in height, still will be limited by its max width. Working in square as metric is easier.

1) Create an empty field via text editor with "0 0 100 100" value (that will be your standard file that you'll open from now and on). Remember of saving it with the .svg extension.

2) Avoid to use real text font inside an illustrator file, "expand" them so that they will be vector and can be resized without a problem (if the OS doesn't have that font, it will render a font of the system).

3) Open in illustrator the file, and copy and paste your work. Group the elements and FIT THE OBJECT TO THE ARTBOARD (not viceversa). You can do it in different ways, the important is that you keep the proportion of all the elements.

Use from and now and always the file created to insert all the shape that you want inside that "0 0 100 100" proportion. Doesn't matter if you insert a rectangular element inside a canvas that has a lot of white space around, on the web when you link an svg file, that white space of the canvas will be transparent because is not really there.

Bonus: use jakearchibald.github.io/svgomg/ to simplify the path of your svg to the essential piece of text.

Vote Up Vote Down

@Marchetta832

I found a kind of solution for this. When you save your SVG from Illustrator, you must uncheck the "responsive" option.

Illustrator doesn't care about the viewBox property but does care about the width/height properties. When "responsive" is checked, the SVG element doesn't have these properties, and that's why it doesn't take it into account when reopening the SVG.

Vote Up Vote Down