Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I wanted to know how to make SVG from a raster picture in Inkscape. I am in Wikipedia which uses lot of SVG's so I want to make a few. I know how to track those PNG and export the bitmap results as high resolution, take for example 2000x2000 pixels. But the problem is my SVF's get pixelated at low-resolutions that is concentrated, otherwise they are good. Plus how to set nominal resolution?

  • I use Inkscape to trace

  • I export the bitmaps at high-res (2000px)

  • Save them as Inkscape SVGs.

share|improve this question
What do you mean by “low-resolutions that is concentrated”? Also, why export anything to bitmaps again – that should be done on the fly by Wikipedia, because bitmaps aren’t scalable? Moreover, if I understand you correctly: Why do you save the file twice (once via “Export Bitmap” and once via normal saving)? – Wrzlprmft Dec 25 '13 at 20:49
By low-resolutions that are conc. I mean for eg, take an SVG which is nominally 500x500 pixels, when its rendered as a 200 pixel one, in an article it appears the same way a jpeg or png would when in essence it should not lose quality and should appear in the same way in all sizes since its a Scalable Vector Graphic! While saving as Export Bitmap it gets saved as a PNG not as SVG but for SVG's I need high-res original traces. – Soham_India Dec 26 '13 at 5:40
I think you got something wrong about the file formats or how Wikipedia deals with SVGs. If you implement an SVG in a Wikipedia article, you do not get to see the actual SVG, but a bitmap generated from it server-side (I do not know why, but most probably it is to provide compatibility to some stone-age browsers). Take for example any picture in this article: You only get an SVG, if you follow the link behind the image twice. Also note that PNGs are inherently non-scalable, generating them from an SVG cannot change that. – Wrzlprmft Dec 26 '13 at 8:56
Yes I know, they are rendered as PNGs. But in lower resolutions, they are perfectly scalable. – Soham_India Dec 26 '13 at 14:18
Take a look at SVG's made by me, you'll get an idea, 1, 2, 3, 4. – Soham_India Dec 26 '13 at 14:21
up vote 1 down vote accepted

From your comments, I guessed that your problem are artefacts of an automatic vectorisation. These can be reduced by playing with the parameters of the tracer, but it is unlikely that this suffices to make the final images better than an automatically scaled bitmap.

To make use of the advantages of the SVG (or any other vector format), you have to correct the result of the tracer by hand. E.g., in your third example picture, you could make the following improvements (I recommend to start with this, since it is by far the most simple image):

  • Use actual rectangles for the rectangles by using Inkscape’s rectangle objects or using a Path object that only consists of four appropriately placed vertices connected with straight lines.
  • Use an actual circle objects for the circles.
  • Ensure that every line that should be straight actually is, e.g., all the lines that are not at the end of a stroke in the big T.
  • Use the original logo font or at least some very similar font for the word series. (And yes, the font may be very difficult or impossible to find.)

Of course it might also help to have a high-resolution bitmap to trace from.

share|improve this answer
I'll trace it manually, I mean the parts which are not simple shapes like rectangles, or circles for that matter. I'll get back to it then – Soham_India Dec 27 '13 at 13:57
Hey Wrzlprmft take a look at my recent uploads. – Soham_India Jan 4 '14 at 16:02

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .