Saving the svg image for web

Post questions on how to use or achieve an effect in Inkscape.
maxakagaret
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
svgicons.jpg (57.8 KiB) Viewed 1084 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
Xav
Posts: 1209
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

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
shawnhcorey
Posts: 149
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”