resolution - How to make SVG in Inkscape really scalable?

26
2014-04
  • Soham_India

    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.

  • Answers
  • Wrzlprmft

    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.


  • Related Question

    Is it possible to embed or link one inkscape SVG document inside another one?
  • Keith

    I'd like to take one small SVG file (created with Inkscape), and embed or link it into another (bigger) one. When displayed by a browser I hope to see the smaller one show up inside some placeholder of the bigger one.

    Is it possible?


  • Related Answers
  • sindikat

    Use the image element and reference your SVG file. For fun, save the following as recursion.svg:

    <svg width="100%" height="100%" viewBox="-100 -100 200 200" version="1.1"
         xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink">
      <circle cx="-50" cy="-50" r="30" style="fill:red" />
      <image x="10" y="20" width="80" height="80" xlink:href="recursion.svg" />
    </svg>
    

    Source: http://stackoverflow.com/questions/5451135/embed-svg-in-svg/5451238#5451238