2 Simple Ways to Trace an Image or Bitmap With Inkscape

PDF download Download Article
Remove backgrounds from traced bitmap in Inkscape
PDF download Download Article

If you want to convert a raster (bitmap) to a vector in Inkscape, you’ll need to trace the image. Fortunately, Inkscape comes with an automatic tracing tool that is quick and easy to use. If you need more precise control over the paths you create, you can opt to use Inkscape’s built-in drawing tools to trace manually. Here's how to trace an image using Inkscape.

Vectorizing an Image with Trace Bitmap

To trace an image using Inkscape, import and select your image. Right-click the image and select Trace Bitmap . Select a single or multiple scan option, and then click OK . Delete the previous image, and then click the Edit paths by nodes button to make adjustments.

Method 1
Method 1 of 2:

Tracing Automatically

PDF download Download Article
  1. 1
    Import your image into Inkscape. Click File on the menu bar, and then select Import . Select the image from your device.
    • Silhouettes work best with Inkscape's tracing tool, since the edges are more defined. This works similarly to creating vector outlines .
  2. 2
    Select the image. Click the Selection tool (cursor icon) in the left panel, and then click and drag from one corner of the image to the other. [1]
    Advertisement
  3. 3
    Right-click the image and select Trace Bitmap . This is towards the middle of the menu. A new window will open.
  4. 4
    Choose between single and multiple scans. Select a single scan option if you’d like to create a single path from the image, or a multiple scan option if you’d prefer many overlapping paths. To see the image as you make edits, check the box for Live Preview .
    • Single scan options :
      • Brightness cutoff uses the shade of a pixel to decide whether it should become black or white. The higher the threshold setting, the darker the image will become.
      • Edge detection will create a path based on differences in the brightness of pixels. The threshold settings adjust the darkness of the output. Again, a higher threshold will produce darker output.
      • Color quantization produces a path based on differences in color. The "number of colors” setting gives you the opportunity to specify how many colors you’d want in your output were it possible to output in color. An algorithm is then used to turn those theoretical colors black or white.
    • Multiple scan options :
      • Brightness steps allows you to specify the total number of scans.
      • Colours uses the number in the “Scans” box to determine how many colors to output.
      • Grays is like colors, but with shades on the grayscale.
      • Extra options : The "Smooth" option will apply a Gaussian blur before tracing, and "Stack scans" gets rid of holes in path coverage. Check "Remove background" to get rid of background, which usually has the lightest color.
  5. 5
    Click OK to create the paths. The bitmap image will be preserved in the SVG file.
    • If your lines appear too thick or not prominent enough in the preview, you likely selected a trace mode that’s better suited for a different type of image. Inkscape recommends running the tracer tool three times in order to determine which of the three options best suits your personal needs.
  6. 6
    Delete the previous image. You should have two images: the original image and the new image with control points underneath it. Use the selection tool to drag the new image away. Double-click the original image, select Edit , and then Delete .
  7. 7
    Edit and fine-tune your results. Click on the Edit paths by nodes button to the left (or F2) to adjust nodes and curves.
    8. Advertisement
Method 2
Method 2 of 2:

Tracing Manually

PDF download Download Article
  1. 1
    Import your image into Inkscape. Click File on the menu bar, and then select Import . Select the image from your device.
  2. 2
    Open the Layers panel. While tracing on a new layer is technically optional, it will help you see what you are doing by giving you the option to play with the opacity settings on your image (or the tracing layer).
    • Click Layer on the menu bar, then select Layers .
  3. 3
    Add a new layer. Click the + button to add a new layer. Type a name for the layer (like "tracing layer") and switch to Above current for the position. Click Add .
  4. 4
    Select a tracing tool. There are different tools available to suit different needs.
    • Press the F6 key on your keyboard (or click on the pencil icon on the tool menu) to select the pencil/freehand tool. This tool will allow you to freely draw anywhere on your image. If you’re using a drawing tablet, have a steady hand or not much to trace, this tool may suit your needs.
    • Press Shift+F6 simultaneously (or click on the pen icon on the tool menu) to open the pen/Bezier tool. This tool allows you to click at the ends of lines you want to trace, which will create small, easy-to-manipulate segments. If you have several lines to trace and/or are using a mouse, this tool will give you the most precise results. Double-click at the end of each line to end the path.
  5. 5
    Using your drawing tablet or mouse, trace every line in your image. If you’re using the pen tool, try using shorter lines instead of a single continuous line. This will make your trace easier to edit, as you won’t have to start a long line all over again if you make a tiny mistake at the end.
    • You can switch between your layers in the layer dialog box. Just double-click on the layer name you want to work with and you’ll be switched to that view.
    • It may help to make your bitmap more (or less) opaque as you draw your paths. With the layer selected in the dialog box, move the slider bar beneath Opacity to see which settings work best for you. Start at 75% and decrease as needed.
  6. 6
    Open the "Edit Node" tool. On the tool menu, click the second arrow button from the top (the “edit” arrow) to active edit mode. In this mode, you’ll be able to click and drag nodes for fine-tuning.
    • If you have too many nodes and it’s taking you too long to move them all where they need to be, you can simplify your nodes. This may change the shape of your line just slightly, but it may not be noticeable. Use CTRL + L (Windows) or CMD + L (Mac) to reduce the amount of nodes.
  7. 7
    View your trace without the bottom layer. To make sure you have traced every line you want in your vector image, click on the first layer (the raster image) and reduce the opacity to 0%. If you find any missed lines, return the opacity to the previous setting and fill in those lines.
  8. 8
    Remove the bottom layer and save your image. In the Layer panel, click on the first layer (the layer containing the original artwork) and delete it by clicking the subtraction symbol.
    • To save your newly traced image, click File and select Save As .
    9. Advertisement

Community Q&A

Search
Add New Question
  • Question
    I tried this but nothing would come up by way of preview. I also tried changing the type and clicking OK but to no avail. What should I do?
    Community Answer
    You need to select the Image you want to preview on the bitmap panel, then it should start showing up.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 5 Helpful 9
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      • Removing the background from your bitmap before converting it to a vector will improve your path quality. [2] Experts recommend using SIOX to remove the background in your bitmap before you begin to trace.
        Thanks
        Helpful 0 Not Helpful 0
      • Bitmaps with more colors and gradients, in general, may require a bit more precision than what the automatic tracing tool can handle.
        Thanks
        Helpful 0 Not Helpful 0
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      You Might Also Like

      2 Easy Ways to Crop an Image or Object in Inkscape
      How To Draw a Gear in Inkscape
      Advertisement

      References

      1. ↑ https://sudbury.ma.us/library/wp-content/uploads/sites/380/2018/11/tracing-bitmap-in-inkscape.pdf
      2. ↑ http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Trace-SIOX.html

      About This Article

      Article Summary X

      To trace an image automatically in Inkscape, start by importing the image you want to trace. Next, open the “Path” menu and select “Trace Bitmap.” When the menu opens, adjust the complexity of your tracing by choosing either a single scan or multiple scans. Once you’ve selected the settings you like and are satisfied with the preview image, click “OK” to trace the image automatically. Then you can edit the results by using the “Edit paths by nodes” tool. Keep reading to learn how to trace an image manually!

      Did this summary help you?
      In other languages
      Thanks to all authors for creating a page that has been read 416,278 times.

      Reader Success Stories

      • Peter Marshall

        Sep 7, 2017

        "It was exactly what I wanted to do. The author knew the subject matter and how to get the message across in a ..." more
        Rated this article:
      More reader stories Hide reader stories
      Share your story

      Is this article up to date?

      Advertisement