Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
How to Convert a JPEG or PNG to Vector in Inkscape
  • By Design Bundles
  • 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 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” (M), draw a rectangle covering your whole document and fill it with Black.3 - Lock your “Background” Layer by clicking on the left side of its thumbnail to bring out the small “Padlock” icon. Create a “New Layer” ...

This tutorial will show you how to create a pop art vector image in Illustrator from a photo. Pop art vector images work well on posters, stickers, and sublimation designs as they are very striking with saturated colors and bold outlines.For this tutorial, you will need an image or ...

1- Open Inkscape. Click on the text icon.2- Type your text.3- Change the text into the font you want to make thicker. I am using the fontlovely melissafont from fontbundles.net4- With the text selected, click Path- object to path.5-Go to object- ungroup.6- This will ...

You may also like

Help Center
ol image