Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Exporting an object as svg from inkscape
  1. Select the object(s) to export
  2. Open the document properties window (Ctrl+Shift+D)
  3. Select "Resize page to drawing or selection"
  4. File > Save As Copy...
  5. Select Optimized SVG as the format if you want to use it on the web
@magosi

This comment has been minimized.

Copy link

@magosi magosi commented May 18, 2019

thanks

@RawrBear

This comment has been minimized.

Copy link

@RawrBear RawrBear commented Jul 14, 2019

Thank you, man!

@BoQsc

This comment has been minimized.

Copy link

@BoQsc BoQsc commented Aug 30, 2019

Warning
All it changes is the part of the page that will be shown.
By using this method you will include all the other objects that are on the page.

If you really care about the size of SVG file, you might consider to search for another method for exporting specific object out of page.

@JohnCC330

This comment has been minimized.

Copy link

@JohnCC330 JohnCC330 commented Oct 4, 2019

This is a somewhat old thread, still, this might be of interest. In Inkscape 0.92, the above recipe works but there's a problem:

  • On the exported SVG, GIMP reports that it doesn't contain a size, and proposes to import it into a 500x500 pixel area, which doesn't respect the expoerted aspect ratio. Strangely, GIMP's preview image does have the correct aspect, and the SVG does include a width and size.
  • The size and width from the exported SVG does not seem to include line widths, so the rendered image is cropped.
@willjw3

This comment has been minimized.

Copy link

@willjw3 willjw3 commented Dec 22, 2019

Cheers!

@Joseppi83

This comment has been minimized.

Copy link

@Joseppi83 Joseppi83 commented Dec 25, 2019

Hmmm. I followed this with the vector image I created in Inkscape. I looked at the difference between the png and the svg I exported, and the png file looked significantly better than the svg.

Any idea why a png would look better than an svg, even though it was created with Inkscape in svg format?

@diegobh

This comment has been minimized.

Copy link

@diegobh diegobh commented Jan 29, 2020

it gives me ine data:image/png;base64 link urli.
How could i export and get the path d=
Please?

Thank you!!!!

@MattNemeth

This comment has been minimized.

Copy link

@MattNemeth MattNemeth commented Oct 16, 2020

Was trying to use inkscape svg on my web page. Gave me quite the headache. Wish I found this sooner. Thanks

@marcker

This comment has been minimized.

Copy link

@marcker marcker commented Nov 27, 2020

thanks!

@MohanSai1997

This comment has been minimized.

Copy link

@MohanSai1997 MohanSai1997 commented Dec 21, 2020

This is really beauty 🎉🎊

@riansyahrobi8

This comment has been minimized.

Copy link

@riansyahrobi8 riansyahrobi8 commented Jan 3, 2021

Thankss! very helpful ...

@justinthareja

This comment has been minimized.

Copy link

@justinthareja justinthareja commented Feb 18, 2021

Thanks!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment