How To Easily Remove A White Background with InkscapeHow To Easily Remove A White Background with Inkscape https://logosbynick.com/wp-content/uploads/2021/04/remove-white-background-inkscape.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2021/04/remove-white-background-inkscape.png
- no comments
As we’ve gone over in previous tutorials, there’s various different ways to remove the background of an image with Inkscape. However, these methods often require tedious manual tracing. If you want to remove a white background with Inkscape though, there’s a handy little trick you can deploy to extract your subject from its white background in mere seconds!
In this tutorial I’ll be demonstrating how you can easily remove a white background with Inkscape, without any manual tracing whatsoever. To accomplish this we will be using the Trace Bitmap feature to create a quick auto tracing of your subject, and then using that tracing as a clipping path for your image.
The best part? This method is complete non-destructive, meaning you can easily add your background back to the image if you’d like.
Remove A White Background with Inkscape
|To remove a white background with Inkscape, create a vector tracing of your image using the Trace Bitmap feature. Then, use the tracing to create a clipping path with your image.|
Before proceeding, it should be noted that this lesson will teach you how to remove a white background from a rasterized image. This includes images in PNG or JPG format. If you’re working with a vector file (svg, eps, pdf and ai formats,) then this method will not work.
The following video tutorial will walk you through the process of deleting a white background to transparent with Inkscape:
Continue reading for the written instructions.
Step 1: Open Your Image with Inkscape
To remove a white background with Inkscape we first need an image to work with. For this demonstration I will be using the following logo design as an example:
This esports logo is in PNG format and was created with Inkscape for a tutorial I made last year. You can learn how to recreate it yourself here.
Once opened with Inkscape, it should look something like this:
As you can see, I darkened the canvas a bit in order to distinguish it from the white background of the image. This step is unnecessary and purely for demonstrative purposes, but you can do the same if you’d like (instructions here.)
Step 2: Create A Tracing Of Your Image
Now that we have our image opened, it’s time to create a vector tracing over the subject of the image so that we can extract it from the white background.
Under normal circumstances, this is done manually using the Bezier Pen. However, since we’re working with an image that has a white background, we don’t need to go through all that trouble. The stark contract between the subject and the background means that we can use the Trace Bitmap feature to create a quick auto tracing.
To do so, select your image and open the Trace Bitmap menu by navigating to Path > Trace Bitmap or by pressing Shift + Alt + B on your keyboard:
Make sure you have Single Scan enabled (it should be enabled by default,) and choose Edge Detection from the dropdown menu right beneath it. Then, click Update to generate a preview of your tracing:
The Edge Detection setting will automatically determine where the edges of your subject are using its own algorithm. Normally this setting gives mixed results, but since we’re removing a white background, there should be enough contrast for the algorithm to make an accurate tracing. If your tracing isn’t accurate then it would be a good idea to try some different settings. Every image will be different after all.
Click OK to generate your vector tracing:
In my example above I have turned down the opacity of the image so that you can see the tracing better. This is purely for demonstrative purposes and not at all a necessary step.
Now that we have our tracing, we need to fill the tracing in so that it is completely solid. There are several ways to do this, but the easiest way would be to simply navigate to Path > Break Apart. This will break your tracing down into a series of individual filled objects:
Now we just need to group everything together into a single object, which can be done by navigating to Object > Group.
You should now have a single silhouette-like object that accurately traces over the subject of your image:
Step 3: Delete The White Background By Creating A Clipping Path
In order to remove a white background with Inkscape, we’ll need to take our tracing and use it to create a clipping path with our image.
In short, a clipping path is when you make an image take the shape of another object. It’s kind of like using a cookie cutter. The cookie cutter is used to cut out a portion of the dough, so that you can make a cookie in the shape of the cutter. In this example, the cookie cutter is the vector tracing, and the image would be the dough.
To create our clipping path, we’ll simply select both the tracing and the image as the same time, then navigate to Object > Clip > Set. This will effectively remove the white background from your image:
As you can see, I made the canvas a darker color so you can better see how the image looks with the white background removed.
How To Revert Back To A White Background
One of the benefits of working with clipping paths is that they are non-destructive, meaning you can easily undo them at any time.
To revert your image back to having a white background, simply select it and navigate to Object > Clip > Release. This will release the vector tracing from its clipping path, which will essentially take you back in time to where you were in step 2.
Using this method to delete a white background to transparent with Inkscape won’t always yield perfect results. Here’s a few tips you should keep in mind:
- The crop likely won’t be perfect. If you zoom in on the subject after removing the background, you may notice a faint white border going around your subject. This can be remedied by releasing the clipping path and adjusting the size of the tracing’s edges using Dynamic Offset (keyboard shortcut: Control + J) to bring them in a bit.
- When you break apart your initial tracing, there is a possibility that it doesn’t fill in the way it did with my example. If this is the case for you, then you’ll have to fill in the tracing manually. This can be done with the Bucket Fill Tool or the Bezier Pen.
- Finally, it should be noted that although Inkscape allows you to work with raster imagery in some capacity, it is not the ideal tool for deleting backgrounds from images. If possible, it is highly advised that you use a raster editor like GIMP to delete backgrounds from your images. Seeing as how GIMP is designed to work with photos, it’s equipped with more of the tools and features needed to delete backgrounds with ease.
Despite the fact that Inkscape is meant for working with vector graphics, it still has some handy features built-in that allow you to easily remove a white background from an image. Inkscape may not be the ideal tool for this sort of task, but that doesn’t mean it isn’t capable if you’re in a bind and need to quickly remove a background from your image.
If you have any questions, or if any part of these instructions were unclear, simply leave a comment below.
Become A Master of Inkscape!
Want to learn more about how Inkscape works? Check out the Inkscape Master Class – a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it’s useful.
Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.
You might also like
How To Use Trace Bitmap In Inkscape | The Complete GuideHow To Use Trace Bitmap In Inkscape | The Complete Guide https://logosbynick.com/wp-content/uploads/2021/03/trace-bitmap-in-inkscape.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2021/03/trace-bitmap-in-inkscape.png
How To Make A Rainbow Gradient In Inkscape | Beginner TutorialHow To Make A Rainbow Gradient In Inkscape | Beginner Tutorial https://logosbynick.com/wp-content/uploads/2021/03/rainbow-gradient-with-inkscape-1.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2021/03/rainbow-gradient-with-inkscape-1.png
Create An Opacity Mask with Inkscape | Partial Transparency for GroupsCreate An Opacity Mask with Inkscape | Partial Transparency for Groups https://logosbynick.com/wp-content/uploads/2021/03/opacity-mask-inkscape-1.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2021/03/opacity-mask-inkscape-1.png