Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Convert a JPEG or PNG to Vector in Inkscape
  • By Design Bundles
  • 14 Nov 2016
  • 9 Mins
  • Inkscape Tutorials

How to Convert a JPEG or PNG to Vector in Inkscape

Discover how to convert a JPEG or PNG to a vector in Inkscape. Perfect for creating cut files!

We are going to show you how to convert a JPEG or PNG to a vector in Inkscape. There may be times when you require a vector design for projects, such as our Free SVG Cut files. We will be using the Trace Bitmap function to achieve this. So let’s get started with this guide on converting a JPEG or PNG to a vector in Inkscape.

Ensure that your file has been downloaded and unzipped. If you are unsure how to do this, take a look at our guide on how to unzip a zip file on your PC.

During this tutorial we will be using this mother's day SVG and a bee sticker PNG.

Step 1 - Open your JPEG or PNG Images

Open Inkscape then go to the File menu at the top and click on Open. Locate your folder with your images then select the one you want to convert to a vector. Click on Open. We chose to use the PNG file.

Open PNG image in Inkscape

When opening either a JPEG or PNG file, a new window will open. If you open a JPEG file, the import window will be called jpeg bitmap image import. In our case, we opened a PNG file so the window will show as png bitmap image import.

Leave all settings as is and click on OK.

PNG import settings in Inkscape

Step 2 - Use Trace Bitmap on Single Color

In order to create a vector, we need to trace the image first. Once your file has been opened in Inkscape click on the image to select it. You can either go to Path > Trace bitmap or right click > Trace Bitmap.

Access Trace Bitmap tool

The Trace Bitmap window will open with a selection of settings. Now, the type of image that you are tracing will depend on the settings chosen. If you don’t see anything in the Preview window, click on Update.

For this example, our image is black and white. So we will be using the Single Scan option under Trace Bitmap. This works best for images with a single color although you can use it with a color image.

Trace Bitmap Single Scan Inkscape

Each time you make a change you will need to click on Update to view the changes. We are going to use Brightness Cutoff, which is automatically selected. You are welcome to experiment with the other options in the drop down menu. Remember to click Update to see the changes.

Leave all other settings as is and click on OK. You may not see anything change on your image. This is because the trace is placed on top of the original image. You can click on the traced image and move it to the side to see the result.

Move traced image to the side

You can click on the “X” on the Trace Bitmap window to close it. You can also delete the original PNG image as it’s no longer needed. Reposition and resize the design as needed.

Vector images are edible with nodes. With the design selected, click on the Edit paths by nodes tool on the left side. You will see that nodes are now visible. Each and every node can be edited as needed to change the design.

Click on Nodes tool in Inkscape

Step 3 - Trace a Color Image

What if you want to trace a color image? If you applied the same Single Scan settings to a color image, it will trace as black and white.

Trace a color image in Inkscape

We need to click on Multiple Scans and choose the Colors from the drop down menu. Make sure that the boxes are ticked for Smooth, Stack and Remove Background. Leave the rest of the settings as is.

Color trace settings in Inkscape

Click on OK then move the trace to the side so you can see the result.

Color trace result in Inkscape

Step 4 - Ungroup the Vector Trace

Now that you have converted the PNG color image to a vector, you can ungroup it. This will allow you to work on individual areas of the design and check everything was traced. You can go to Object > Ungroup or right click > Ungroup.

Ungroup vector design in Inkscape

When you ungroup a multiple scan image, you will most likely have quite a few layers. As seen in the image below, when separated, we have seven individually scanned layers.

Ungrouped design in layers

You will not be able to ungroup the black and white design as it only has a single scan. However, once saved as a SVG, the trace can be used as a cut file. Here the image shows clear cut lines in Silhouette Studio.

Test out trace in Silhouette Studio

Once you are happy with your entire vector design go to File > Save as then choose your preferred format. You have successfully converted a JPEG or PNG image to a vector in Inkscape. You can now happily use your vector files in your projects.


6 Related Inkscape Tutorials

Have you wanted to create vector images from your drawings but didn’t know how? It’s actually pretty easy to do. In this tutorial, we’ll teach you how to convert a drawing to a vector in Adobe Illustrator.We’ll be using a drawing of a feather from ...

Convert a JPG to SVG in Inkscape following these easy steps. For crafters, a SVG format is their go to for crafting. It allows you to separate elements and edit as needed. But what if you only have a JPG file? In Inkscape, there is a tracing feature that allows ...

Unfortunately there isn’t a tracing option to convert a JPEG to SVG in Affinity Designer. You may want to trace a sketch, or create an SVG cut file for your Cricut or Silhouette cutting machine. In today’s tutorial, we will show you a method for doing this.We ...

1- Open silhouette studio. Click on the open file icon.2- Click on merge.3- Select your jpeg image.4- Resize your image. Click on the trace tool. I am using Kawaii sushi graphics from designbundles.net5- Select the trace icon.(in the free edition)6- Adjust the threshold ...

The Vector Brush Tool in Affinity Designer allows brush strokes to remain fully editable. You are able to edit the strokes, change the color of individual strokes and much more. In this guide we will show you to use the Vector Brush Tool in Affinity Designer.Open Affinity Designer and ...

1- Open Silhouette Studio software (free edition). Click on open file.2- Select the PNG you would like to use.3- Select your PNG and then click on the trace icon. We need to trace the image as when you use a PNG file there are no cut lines. In ...

You may also like

Help Center
ol image