Add a background to a PNG Give your PNG a background.
Its cut-out edge stays as it is. Fill in anything behind it.
or drop it here · paste with Ctrl+V
Free · No sign-up · Photos stay on your device
A PNG or WebP with transparency is used exactly as it is. A photo without transparency opens too; its outline is worked out from colour and edges.
Open a PNG or WebP that already has transparency and its own alpha channel is taken as the outline — no selection pass, nothing guessed — so you go straight to choosing what sits behind it.
What this mode does
When the opened file carries real transparency, the page reads it and stops there: the alpha channel is the outline. Nothing is re-selected and nothing about the cutout's edge is second-guessed, which is what you want for a logo, a product cutout from a designer, or a sticker exported from another app.
The route opens on the Background layer, because that is the only decision left: a flat colour, a studio ground, a backdrop from the library, or a photograph of your own. The subject can still be moved, sized, lit and shadowed on the new canvas.
Steps
- Open the PNGDrop it in or paste it. The Subject layer says when the file's own alpha is being used.
- Pick what goes behindA swatch or any hex value, a studio ground, a library backdrop, or Photo to choose one of your own.
- Place itOn a new canvas size, drag the subject or use the size and position sliders; seat it on the lower edge if it was cut there.
- SaveJPG for a photograph-like result, PNG for exact flat values. The receipt reads the ground back from the saved file.
When the file has no transparency
A PNG can be fully opaque — a screenshot, or a photo saved as PNG. Then there is no alpha to use, and the page says so and works the outline out from colour and edges like any other photograph, with the brushes and models available.
If the transparency is only a few stray pixels (under half a per cent of the frame), it is treated as noise rather than as an outline.
What it cannot do
- A cutout's edge is kept exactly as supplied. If it was cut with a hard edge, the new ground will show that edge; feather softens it but cannot add hair that was cut off.
- A PNG cut against a dark colour sometimes carries a dark fringe baked into its pixels. Unmixing only works where it knows the old ground, so a fringe like that needs a small negative edge shift.
- Animated PNGs contribute their first frame.
Questions about add background to png
How do I know it used my transparency?
The Subject layer reads 'the file's own alpha', and the panel says the file arrived with its own alpha channel. The colour tolerance controls are switched off because there is nothing for them to decide.
Can I put a photo behind my PNG?
Yes. Choose Photo on the Background layer and pick a file of your own, or choose one of the forty-eight backdrops in the library. It is cover-fitted, never stretched, and can be panned, zoomed, blurred or flipped.
Will the edge of my logo stay sharp?
Yes, if it was sharp in the file. Set Feather to 0 to keep the supplied edge exactly; the default 0.8 px softens it slightly, which suits photographs better than graphics.
Can I keep it transparent and just add a shadow?
Yes: turn on No ground under Canvas & export, then add a contact or drop shadow. The shadow is written as semi-transparent pixels in the PNG.
Does the PNG leave my computer?
No. It is decoded and composited in this tab and the result is written by the tab.
Related
- Transparent backgroundThe subject saved with nothing behind it: PNG or WebP with real alpha, edge cleaned first.
- Background imagesForty-eight backdrops drawn for this site, each tried on with your own subject.
- Background colour changerAny colour behind the subject: a full picker, hex, RGB and OKLCH, and an eyedropper that reads your own photo.
- Studio backgroundsTwelve seamless studio grounds, previewed with your own subject and matched for light and shadow.
The image you open is read by this page and by nothing else — there is no server behind this domain that could receive it, the outline is worked out inside your own browser either by arithmetic or by an on-device model, and if you ask for a model it is the model that is downloaded to you rather than your photo being sent to it.
