How To Make your SVG Background Transparent in Inkscape

Make your SVG background transparent in Inkscape

In this tutorial I’ll be demonstrating how to make your SVG background transparent in Inkscape. This can be done by simply ticking a box in the Document Properties menu.

SVG Format

Scalable Vector Graphics (SVG for short) is the native file format that Inkscape runs on. Whenever you open up a fresh Inkscape canvas, you’re working on an SVG file in the SVG environment, and that’s the format you’ll have to save your document as if you’d like to be able to edit it later on.

Making The SVG Background Transparent

When you open up Inkscape you may be confused to see that the background of the canvas is white by default.

Inkscape white background
Inkscape opens with a white background by default

Although the document may appear to have a white background, it’s actually a transparent background. They just made it white because they had to fill it with something. If you were to export anything from your document to PNG format though, you’d clearly see that there’s a transparent background.

If you’d like to make your SVG background transparent in the sense that it displays a grayscale checkerboard pattern (like GIMP and other applications do) instead of white, you can do so by navigating to File > Document Properties and ticking the box that read Checkerboard Background.

Document properties menu

Once ticked, your checkerboard background should render in Inkscape in real time…

SVG with a transparent background

Your SVG background will be no more (or less) transparent than it previously was when it was filled with white. This just changes the display, which can be really helpful if you’re working with a lot of white objects.

Filling The Background with Color

Finally, if you’d like the background of your SVG to have a color fill, this can also be accomplished via the Document Properties menu. Simply click on the white stripe positioned next to where it says Background Color. A color selector will pop up on your screen.

Changing background color with inkscape

It’s important to note that your SVG background will continue to be transparent despite the color fill as long as the A column (which represents the transparency of the color) remains at 0. If you’d like the document to actually have that background color (even on exports) then you can bring that column up from 0 to 100.

And that should do it for working with backgrounds in Inkscape. If you have any questions that weren’t addressed in this post just leave a comment below and I’ll write back if I can help.

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 As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Logos By Nick is an educational media platform for learning about graphic design software.

6 thoughts on “How To Make your SVG Background Transparent in Inkscape

  1. On my logo I have the same issue as this picture; I want to remove the white background. How can I do that on Inkscape?

  2. Hey nick, your tutorials are great! Please could you make your next tutorial for gimp on how to create animated realistic slime effects, that would be amazing haha 😉

  3. Hi Nick!

    I have a little off topic question. I am considering buying Your courses but from many different reasons I can’t enroll to them all at once. Do You recommend any particular order that will help me take most of them?

    Thanks for the answer!

  4. Hi, Nick,

    I have a question on a different part of Inkscape.

    While watching a landscape timelapse made in Inkscape on YouTube, I noticed that when the designer (Grafikwork) used the bezier pen and changed its properties, the properties moved from his previous shape to his new one if he didn’t switch between tools before creating the new shape.

    How is this possible, or did my eyes just trick me. I am pretty sure I saw what I explained above, but I couldn’t figure out how to make it happen. If you know how to do this, can you please tell me?

    Keep up the great work.

Leave a Reply

Your email address will not be published.

Recent Posts