Saving the svg image for web

Post questions on how to use or achieve an effect in Inkscape.
Posts: 1
Joined: Thu Aug 09, 2018 6:11 pm

Saving the svg image for web

Postby maxakagaret » Thu Aug 09, 2018 6:33 pm

Hello. I have a question about using Inkscape. I have some png icon. I created a vector images from this icons and save it as plain svg. Then I use this svgs on webpage. For each svg I set height as 90px. But real size of each icon was different as you can see on attached image
svgicons.jpg (57.8 KiB) Viewed 543 times

As I understand, each svg was saved not by size of image, but size of white canvas in Inkscape.
I'll be grateful, if somebody explane me, where I did a mistake.

User avatar
Posts: 1161
Joined: Fri May 08, 2009 1:18 am
Location: UK

Re: Saving the svg image for web

Postby Xav » Thu Aug 09, 2018 8:16 pm

You can set the size of the canvas via File > Document Properties, in the "Custom Size" section. You may then need to move or scale your images to fit the canvas area before you save the file again.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

User avatar
Posts: 148
Joined: Mon Jan 07, 2008 12:17 pm

Re: Saving the svg image for web

Postby shawnhcorey » Thu Aug 09, 2018 11:00 pm

Pixels is an abstract size. The actual size will change depending on the resolution of the device. Yes, it changes. That is the nature of the beast. Nothing you can do about it.

If you want control over the actual size, don't use pixels. Use a real measurement.

Return to “Help with using Inkscape”

Who is online

Users browsing this forum: No registered users and 7 guests