Add a background to a PNG
Drop in a PNG, pick the colour or the picture that should sit behind it, and download the result. The image itself is left alone, and only the see-through pixels change.
How to use it#
- Drop a PNG onto the box above, or click it to choose one.
- Pick a colour from the presets or the colour square, or click the picture to use one of its own.
- Or choose a picture to put behind it, and whether it should fill the space or fit inside it.
- Check the preview, then download it as a PNG or a JPG.
Why a transparent PNG turns black, or disappears#
A PNG can record how see-through each pixel is, which is what lets a logo sit on any background without a white box around it. Anything that cannot store that information has to decide what to put behind it instead, and the decision is not always the one you would make. JPEG has no way to be see-through at all, so the usual result is black.
The same thing happens in slide decks, video editors, printed documents, and older email clients. Filling the background yourself means you make that decision instead of the software, before the file goes anywhere.
When white is the wrong choice#
White is the most common request because it matches paper and matches most documents, but it is only right when whatever the image lands on is also white. A logo flattened onto white and then placed on a light grey slide shows a visible rectangle, and it is more obvious than people expect.
Match the colour to where the image is going rather than to what looks neutral. The colour square takes any value, and clicking the picture takes a colour straight from it, so a background can match the image or the exact tone of the page it will sit on. The preview shows the result at full size before anything is downloaded.
Soft edges keep working#
A well-made cut-out is not simply see-through or not. The pixels around a curve are part way between the subject and whatever is behind them, which is what stops the edge looking jagged, and the same is true of a soft shadow or a faded gradient.
Those pixels are blended with the colour you choose rather than being forced to one side, so a rounded logo stays rounded and a shadow stays soft. The result panel reports how much of the image is only partly see-through, because that is the part where the colour choice shows up most.
Flattening is not reversible#
Once the background is painted in, the file no longer records which pixels used to be see-through. Changing your mind means going back to the original, not undoing it here, so keep the file you started with.
For the same reason, think twice before saving as a JPG. A JPG cannot be see-through under any circumstances, and it re-compresses the image on the way out, so it adds a small loss of quality to a decision that was already permanent. Either way, the file to keep is the transparent one you started from.
Frequently asked questions#
Should I save the result as PNG or JPG?
#
Keep it as a PNG when the image has text, a logo, or flat colour, because PNG is lossless and those are exactly what JPEG compression handles worst. Choose JPG when the file is a photograph, or when something further down the line refuses to take a PNG. A JPG is usually a good deal smaller, and the size of both is shown before you download.
Does this change the part of the image that is already visible?
#
No. The colour is painted underneath rather than over the top, so every opaque pixel comes through as it was. Only the see-through pixels change, and the partly see-through ones are blended with the colour rather than replaced by it.
Can I put a photo behind it instead of a colour?
#
Yes. Press Choose a picture and pick any image. Fill scales it to cover the whole canvas and crops whatever overhangs, which suits a texture or a scene. Fit shows the whole picture and fills the space it leaves with the colour, which suits a picture whose edges matter. Either way it keeps its own shape rather than being stretched, and neither image is uploaded.
Why does my image look the same afterwards?
#
Almost always because it had no transparency to begin with. A PNG exported with a white background already baked in looks identical whatever colour is chosen here, and the result panel says so directly. To make part of an image see-through in the first place, use the transparent background tool.
Can I put a background behind a JPG?
#
You can drop one in, but the result will look the same, because a JPEG has no see-through pixels for the colour to fill. If you want a border or a wider canvas around a photograph, that is a different job from this one.
Is the image uploaded anywhere?
#
No. The file is decoded by your own browser, drawn onto a canvas in this page, and handed straight back to you. Nothing is sent to a server, and the page keeps working with the network switched off.