Cookie

Tutorial: da bitmap a SVG con Inkscape

Published by TheJoe on

Estimated reading time: 3 minutes

Caution


This article was published more than a year ago, there may have been developments.
Please take this into account.

Together with Gimp by image manipulation, e a Scribus for desktop publishing happens to me sometimes to adopt the use of Inkscape. Inkscape is a vector graphics editor, a program for the picture “screen”. It can be used in various fields, there are those who use it to draw company logos, or even for the illustrations of some books. Personally, I have many skills in this area, and I find that even a pencil and paper in many cases are the most expeditious (of course, from my point of view). More than anything else I Inkscape is useful for vectorization of raster images, I know that Inkscape provides several other functions and is a little’ simplistic to use it exclusively for this, but for now I have no other duties for him to perform.

Open Inkscape and import an image jpg:

For this tutorial we will import a landscape taken from’Flickr account of a person I know very well (always take care of the licensing when the image we use do not belong to us):

Import the image will be Largest the smaller edges that Inkscape assigns default.

To adjust the edges of the project to the active object, there is a convenient feature. Let's go over “File” – “Document Properties“:

And click on the button “Fit page to selection“. In this way, the edges will be adjusted automatically:

Now we are left with transform bitmaps into vector. After you select the object go out of “Track” – “Vectorize Bitmap“:

With the following settings:

Obviously, the more the figure corresponding to the number of scans will be high, closer we will be to original quality. Consequently, the final image will heavier.

Look here:  When you say the case ...

When the work is completed it will be enough to save as SVG and we're done. The following was the starting image, and at the bottom of the final result:

The advantage of vector images compared to Raster images is to be able to be enlarged without losing the quality. If I wanted to print this image on the scaffolding of the Duomo of Milan would have no losses, because the curves of raster images are not an illusion given by the pixel, but follow precise mathematical rules. Also for printing vector images I do not have to worry about thedpi“, raster images will require 300 for printing, but vector images are printed as they are seen on the screen. The tradeoff is that we no longer have a picture but something more like a painting “electronic“.

Another advantage, essendo un software open source, and the use of open standard formats (“W3CScalable Vector Graphics). In this way it is ensured backward compatibility in the case of future versions. It also imports many types of formats, also of its competitors closed source as the most famous Illustrator, Freehand, CorelDraw and Xara X, between the standard sizes are JPG, PNG, SVG, Encapsulated PostScript (la lista è lunga, chi mi fermo). The disadvantage is that it does not always import from closed formats from the expected results. Sometimes you have to edit a file created in Illustrator that is not properly aligned. This gap does not always happen especially since the closed formats meet international standards.


TheJoe

I keep this blog as a hobby by 2009. I am passionate about graphic, technology, software Open Source. Among my articles will be easy to find music, and some personal thoughts, but I prefer the direct line of the blog mainly to technology. For more information contact me.

5 Comments

Web designer freelance · 23 February 2013 at 3:48 PM

Funziona alla perfezione e me la fa anche importare in blender 🙂 grande!!!

    TheJoe · 23 February 2013 at 11:48 PM

    Blender è open.. eheh!

voucher · 30 May 2010 at 2:39 PM

ohhh è veroooo!!!
but then Brao! ahahahha
Appearance other “Useful” tutorial! 😉

TheJoe · 27 May 2010 at 5:50 PM

those of your brochure are blurry because those are not able to work.. mine are blurred in the parts that do not interest us, but if you pay attention to everything that you have to click is in focus.

voucher · 27 May 2010 at 4:37 PM

ah ah ah, merlino calla.. 😛
I see that your pictures are blurred, such as those on my brochure!
It's not good! eheheh
Anyway nice tutorial, I really like your tutorials on post-photography! 😀 ..e..complimenti anche alle foto di “that person you know well”..is really good!!!

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.