I use it so rarely though that I have no muscle memory, I always forget how to crop to the edges of an SVG to get rid of that whitespace. Previously I used Adobe Illustrator to sort that out, now I use Inkscape. I do sometimes have to manipulate SVG icon exports that have excess white space. Almost all of the designers I work with hand over Figma, Sketch, or Adobe XD prototypes nowadays, and I’m happy using Affinity for personal stuff (Photo for image editing, Publisher for a never-ending cookbook project, etc.).īUT.

The function we use for drawing an image onto a canvas is the drawImage. It’s just so crazy expensive, and I never need it for client work anymore. Most vector art packages (Illustrator, Inkscape etc) can export as SVG. I used to use Adobe Creative Cloud for loads of stuff but got rid of it a few months ago. Press Ctrl + shift + r to resize canvas to the bounding box for all objects ( assuming no objects are hidden) Make a rectangle the desired paper size - so for example 210mm x 297 mm for A4. Under “Orientation”, click the drop-down arrow “Resize page to content”, then click the button “Resize page to drawing or selection”. The dialogue box should open to the Page settings. Click File in the top toolbar menu, then Document Properties. Open up the SVG in Inkscape, then select all elements in the SVG (cmd+A). Removing whitespace from around an SVG in Inkscapeįor future reference, this is how to remove whitespace from around an SVG in Inkscape according to the version I’m running right now (1.0beta2): Published Thursday, 3 September 2020 by Piper Haywood - Removing whitespace from around an SVG in Inkscape

Resize page to fit drawing inkscape