Guide
Create Transparent Background
Short answer: the word “create” hides two different jobs. Subtracting — the picture you have already contains a background, and you delete it. Adding — you open a new, empty, see-through canvas and build something on it. Almost every guide on this subject is about the first one and says nothing about the second, which is a shame, because the second has a trap: new file dialogs default to a white background, and nothing on screen tells you that you have just created an opaque file. The test below sorts you, and the rest of this page is the half nobody writes about.
Which one are you?
One question decides it: is there a picture already, or are you about to make one?
| What you are looking at | Which job that is | What it involves |
|---|---|---|
| A photo, a screenshot, a product shot — something with a background in it | Subtracting. The transparency has to be made by deleting what is there | Nominate the background colour, remove it, rebuild the edge, export with alpha |
| Nothing yet — a logo, a signature, a sticker, a watermark, an icon you are about to draw | Adding. The transparency exists from the first second, or it never will | Start the canvas empty and keep it empty; everything you place has to arrive clean |
| An empty canvas you want to paste a photo into | Both, in sequence — and this is where most people get caught | Pasting a photo brings its rectangular background with it; you are back to subtracting |
If you are subtracting, it is four decisions
This side is well covered elsewhere, so keep it short. Everything here is arithmetic on colour, and the same four steps apply whether the background is a screen, a painted wall or a studio sweep.
- Nominate one colour as the background by sampling a flat, evenly lit patch — not a shadow, not a fold.
- Raise tolerance only until that colour is gone, then stop.
- Rebuild the edge — a separate control that decides how the transparent-to-opaque transition is shaped.
- Cap the spill, the background colour that bounced onto the subject.
If that is your job, the edge guide is a symptom-by-symptom lookup table and the shortest path is the whole thing in three steps. What follows is the other half.
If you are adding: the empty canvas
Creating a transparent background from nothing is a different operation, and it succeeds or fails in the first ten seconds, before you have drawn anything.
New file dialogs default to a white background. It is the first option in the list, it is preselected, and it looks identical to the transparent one in a small preview. Choose it and you have not created a transparent background at all — you have created a picture of a white rectangle, and every layer you add sits on top of that white rather than over nothing.
Two ways to be sure, both cheap:
- Read the dialog, not the swatch. The background setting has to say transparent, or there has to be a transparent swatch selected. If the words are not there, the option is not selected.
- Put the finished file on something dark. A transparent canvas shows whatever is behind it; an opaque white one shows white. Nothing else on screen distinguishes them.
And a related illusion worth naming: the checkerboard. When an editor shows you a grey-and-white chequer behind your work, that pattern is the program’s way of drawing “nothing here”. It is not part of the picture and it will not appear in the file — which also means that a chequer on screen proves nothing about the file until you export and look at the result somewhere else.
What you can actually put on an empty canvas
An empty canvas stays transparent only as long as everything you add to it is itself transparent at the edges. Three things qualify, and one very common thing does not.
- Text — letterforms are shapes with their own outline, so they overlay cleanly.
- Shapes and brush strokes drawn inside the document — same reason.
- Images you have already cut out, meaning a PNG or WebP that already carries an empty background.
- Not a photo straight from a camera or a screenshot. Both arrive as filled rectangles. Paste one in and it brings its background with it, which is exactly how “create” turns back into “remove” half way through.
So the practical rule for the adding route is: cut first, assemble second. Get every element into a transparent file of its own before you start the composition, rather than pasting raw photos onto a fresh canvas and trying to make them transparent in place.
Four ways the transparency you created gets destroyed on the way out
You can do everything above correctly and still end up with a white box, because the last step overwrote the work. These are the four that account for almost all of it.
- Flatten, merge visible, or “flatten image” on export. Any of these bake the stack into one opaque layer. If a command mentions flattening, it is removing transparency by definition.
- Exporting as JPEG. The format has no way to store an empty background, so the exporter quietly fills it — usually white, sometimes black. Re-save as PNG or WebP instead; re-exporting is the fix, not redoing the work.
- A background layer at the bottom of the stack. Many editors start a new document with a layer literally named “Background” and locked. It is opaque, it sits underneath everything, and it is easy to forget because nothing looks wrong while you work.
- Resizing the canvas with a fill colour. Enlarging the canvas almost always offers a fill; the default is white. Choosing it adds a border of opaque pixels around a perfectly transparent picture — which then reads as a white frame when you place it.
The pattern behind all four is the same: the picture is transparent, and something else in the pipeline is opaque. So when a cut-out comes back with a background, check the export settings and the layer stack before you touch the cut-out itself.
If you are going to reuse what you created
A transparent file is usually made to be used more than once — a logo on a dark page, the same logo in an email, a smaller copy in a footer. Four habits make that reuse painless.
- Keep some empty space around the subject. Cropping right up to the outline gives the tightest file and the worst result: at small sizes the subject looks cramped and the transparent margin that would have given it air is gone. The margin is empty pixels, so it costs nothing.
- Export at the largest size you will ever need, then scale down. Downscaling a cut-out is clean; upscaling one makes the edge soft and the whole thing slightly muddy, and no amount of sharpening brings the original edge back.
- Keep the master, export the variants. One file at full size, with the padding you want, is the source of every smaller copy. Regenerating a footer icon from the master takes seconds; repairing a cut-out you already shrank does not.
- Name it so you know what it is. Transparent files pile up fast and they all look alike in a thumbnail grid. A name that says what the subject is and which background it was made for saves you opening six files to find the one that fits.
A workable order of operations
- Decide which job it is. Existing picture means subtracting; blank page means adding.
- If you are adding, set the canvas transparent first and confirm it, before anything else touches the document.
- Get every element transparent on its own before assembling. A photo that has been cut out somewhere else is a clean tile; a raw photo is a white rectangle.
- Build the composition on top of the empty canvas, and leave a little air around the whole thing.
- Export as PNG or WebP, with nothing in the stack flattened, and no fill layer left underneath.
- Check it on a dark background before you send it anywhere. This is the only step that catches all four of the failures above at once.
Where this site’s tool fits, honestly
The remover here is a colour tool. It subtracts — it measures how far each pixel’s colour sits from the colour you nominate — so it does the first half of this page and none of the second. It cannot open an empty canvas, and it will not know what a subject is. What it is good at is the step that feeds everything else: turning a photo shot against one flat colour into a transparent PNG you can then build with. Open the green screen remover and it runs in the browser, so the picture never leaves your device.
If the background is not a flat colour but a scene — a room, a street, a wall with objects in front of it — that is a different boundary again, and this page sets it out.
Questions
How do I create a transparent background?
Two ways. If there is already a picture, remove the background so those pixels become empty, then export as PNG. If you are starting from nothing, make sure the new file is set to a transparent background rather than the white default that most editors preselect. Both end with the same kind of file; only the first one involves colour work.
Why did my transparent background turn white when I saved?
Almost always the export, not the work. Either the file was saved as a JPEG, which cannot hold an empty background, or an export option flattened the layers, or an opaque background layer was left at the bottom of the stack. Change the export settings and re-save before redoing any of the removal.
How can I tell whether a file really has a transparent background?
Put it on something dark. A genuinely empty background shows whatever is behind it; an opaque one shows its own colour. The checkerboard inside an editor does not count as proof, because that pattern is a display convention rather than part of the picture.
What does the grey-and-white checkerboard mean?
It is how a program draws “nothing here”. It is not stored in the file and it will not appear in the exported image, so it cannot be printed or emailed by accident — and equally, seeing it on screen tells you nothing about what you will get after exporting.
Can I paste a normal photo onto a transparent canvas?
You can, but the photo arrives as a filled rectangle and takes its background with it, so the canvas is no longer the only thing that determines the result. Cut the photo out first and paste the cut-out; that is the step that keeps the transparency you created.
Should I crop tightly around the subject?
Usually not. Trimming right to the outline gives the smallest file and the most cramped result once the image is scaled down, because the empty margin that gave the subject room to breathe has been removed. Empty pixels cost almost nothing, so leaving a little space is nearly always the better trade.
Can I do this on a phone?
For the subtracting half, yes — the remover on this site runs in the browser, so the image is processed on your own device and never uploaded. Building a layered composition on an empty canvas is still much easier on a larger screen.
Open the green screen remover — free, no account, and it writes a PNG with a real empty background at the size you loaded, which is the file the assembling route starts from. If the removal itself is the part going wrong, the edge guide covers the symptoms; if the picture looks right and the file does not, start with reading the file you already have.