EDUCBA Logo

EDUCBA

MENUMENU
  • Explore
    • EDUCBA Pro
    • PRO Bundles
    • Featured Skills
    • New & Trending
    • Fresh Entries
    • Finance
    • Data Science
    • Programming and Dev
    • Excel
    • Marketing
    • HR
    • PDP
    • VFX and Design
    • Project Management
    • Exam Prep
    • All Courses
  • Blog
  • Enterprise
  • Free Courses
  • Log in
  • Sign Up
Home Design Design Tutorials Design Basic Tutorial Inkscape transparent background
 

Inkscape transparent background

Inkscape transparent background

Introduction to Inkscape transparent background

In this article we are going to learn how to make transparent background in Inkscape. There are many reasons why you need to make background transparent. If you want to put the put a subject or logo for example on to another image or you want to use it as a watermark. Or you might have taken the shot on a green screen background which is bound to be replaced by the scene you want to portray. So even if the image is same and when you make the background transparent it has different effect on different backgrounds. So, whatever the use case maybe we will start by removing background using multiple techniques in Inkscape.

 

 

Steps of Inkscape transparent background

Here are the following steps mention below

Watch our Demo Courses and Videos

Valuation, Hadoop, Excel, Mobile Apps, Web Development & many more.

Step 1:  When you open the Inkscape application you will be greeted with a blank A4 page. For our purposes we will first go to Document Properties from the file menu or you can press Shift + Ctrl + D.

Inkscape transparent background output 1

Step 2: Here untick show page borders which will remove the page preview shown and keep other options to the default values.

Inkscape transparent background output 2

Step 3: Now since we need to remove the background from the image or in other words make it transparent for that we first import the file from the file menu or press Ctrl + I

Inkscape transparent background output 3

Step 4: Then navigate where for file is in our case it is athletics.jpg which we open from the dialog window.

Inkscape transparent background output 4

Step 5: Then we will be greeted with a jpg bitmap image import dialog in which we keep all the defaults and click OK. If you always use the defaults then there is also an option for Don’t ask again which you can tick.

Inkscape transparent background output 5

Step 6: Now the first method which we will use is the bitmap tracing which can be done from Path -> Trace Bitmap or press Shift + Alt + B. Bitmap tracing as the name suggest is a process of making vector from the bitmap by redrawing the image.

Inkscape transparent background output 6

Step 7: In the Trace Bitmap tab select multiple scans tab in that uncheck smooth and check stack and remove background also uncheck smooth corners and then click OK and then close the Trace Bitmap dialog

Inkscape transparent background output 7

Step 8: The traced image will be on the original image as shown

Inkscape transparent background output 8

Step 9: You can drag the traced image to the side to see the original image.

Inkscape transparent background output 9

Step 10: When we zoom in and see closely we observe that the original image has jagged edges since it is a bitmap and the traced image is smooth as it is converted into a vector after image tracing.

Inkscape transparent background output 10

Step 11: Next we go to File and then Export PNG Image or press Shift + Ctrl + E to verify that the background is removed.

Inkscape transparent background output 11

Step 12: First we select the original image and then select the destination folder and make sure export selection is selected, then click Export.

Inkscape transparent background output 12

Step 13: Then we select the traced image and then select the destination folder and make sure export selection is selected, then click Export.

Inkscape transparent background output 13

Step 14: As we can see in explorer that one image has transparent background and the other still has the white background.

Inkscape transparent background output 14

Step 15: Now we close this document from File menu or press Ctrl + W. One quirk of Inkscape is that new documents are created in new windows instead of separate tabs. So, when you close a document a new document is automatically created.

Inkscape transparent background output 15

Step 16: Next in a new document we create a rectangle and give any fill from the color picker in bottom above the status bar.

Inkscape transparent background output 16

Step 17: Then we import the transparent background image from the file menu.

Inkscape transparent background output 17

Step 18: Navigate to the transparent background file and click open.

Inkscape transparent background output 18

Step 19: Then from png bitmap image import dialog keep all the default settings and click OK.

output 19

Step 20: Adjust the image on the rectangle and you can see that the background is totally transparent.

output 20

Step 21: Now we will look at another method of making background transparent which is by using selection method. Inside a new document import the file which has a background.

output 21

Step 22: Now we will use draw Bezier curves and straight lines to make a selection of the eye.

output 22

Step 23: Once the selection is made then select both the curve and the image then go to Object -> Clip -> Set which will clip all the areas outside the curve.

output 23

Step 24: As we can see the area outside the curve is clipped but we can still fine tune it

output 24

Step 25: So we can again make the selection using a Bezier curve tool.

output 25

Step 26: We will adjust the curve so that we get the area which we want.

output 26

Step 27: Again we will select both the path and the image and use clip -> set from the object menu.

output 27

Step 28: As a result of above steps we have made the transparent background using Inkscape.

output 28

Step 29: We can also remove background from a black and white image. First, we will import the image in a new document.

output 29

Step 30: Then we can trace bitmap from the path menu as always.

output 30

Step 31: Then in multiple scans tab we select Grays from the dropdown as there is not color and set the number of scans to 2 as there is only black and white color, uncheck smooth and check stack and remove background. Also uncheck smooth corners.

output 31

Step 32: Again, when we compare the two images side by side, we can see that we have made the image background transparent.

output 32

Conclusion

In this article we have seen how to make transparent background in Inkscape. Firstly, we have started with removing background using image tracing which removes the white background. Then we have looked other techniques by using Bezier curves and then clipping the outside areas to show the only the inside of the curve. Hence, we have now successfully removed the background which can be used for any applications like we and more.

Recommended Articles

This is a guide to Inkscape transparent background. Here we discuss how to make transparent background in Inkscape along with the steps. You may also have a look at the following articles to learn more –

  1. Inkscape Alternatives
  2. What is Inkscape?
  3. Wrike Alternatives
  4. 3ds Max Interior Design

Primary Sidebar

Footer

Follow us!
  • EDUCBA FacebookEDUCBA TwitterEDUCBA LinkedINEDUCBA Instagram
  • EDUCBA YoutubeEDUCBA CourseraEDUCBA Udemy
APPS
EDUCBA Android AppEDUCBA iOS App
Blog
  • Blog
  • Free Tutorials
  • About us
  • Contact us
  • Log in
Courses
  • Enterprise Solutions
  • Free Courses
  • Explore Programs
  • All Courses
  • All in One Bundles
  • Sign up
Email
  • [email protected]

ISO 10004:2018 & ISO 9001:2015 Certified

© 2025 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

EDUCBA Login

Forgot Password?

🚀 Limited Time Offer! - 🎁 ENROLL NOW