How to Make a Transparent PNG (Background Removal Step-By-Step)
Removing the background from an image and saving it as PNG with transparency. Browser-based, no Photoshop, no upload.
A "transparent PNG" is a PNG file where some or all of the background pixels are see-through, so the image floats on whatever color or pattern is behind it. You need this for logos that need to work on both light and dark backgrounds, product cutouts for ecommerce, sticker packs, and any time you want to overlay an image on something else without a visible rectangle around it.
The good news: making one is fast. The bad news: doing it well requires either AI background removal or careful manual editing.
What "transparency" means in PNG
PNG supports a per-pixel alpha channel — every pixel has not just RGB color values but also an alpha value from 0 (fully transparent) to 255 (fully opaque). That gives you smooth edges and partial transparency, unlike GIF which only supports a single fully-transparent color.
JPEG has no alpha channel at all. If you save a "transparent" image as JPEG, the transparent regions become whatever fill color the converter chose — usually white. So step one is making sure your output format is PNG (or WebP, which also supports alpha).
The fast way: AI background removal
Remove Background does this in your browser using a small ML model that runs entirely client-side. Drop in a JPEG or PNG, and it returns a transparent PNG with the subject isolated from the background. It works best on:
- Photos of a single subject (person, product, animal) against a reasonably distinct background.
- Logos and graphics with a clear edge.
- Headshots and product shots.
It struggles on:
- Hair and fur edges (the model often produces slightly fuzzy or jagged hair edges; manual touch-up improves it).
- Glass, water, and other partially-transparent subjects.
- Subjects that blend into the background (white shirt on white wall).
For these edge cases, you'll want manual cleanup in Photoshop / Affinity / GIMP after the initial AI pass.
The careful way: manual selection
If the AI result isn't clean enough:
- Run the AI background removal first (it gets you 80% of the way).
- Open the result in your image editor.
- Use the magic wand or quick selection tool on remaining background remnants.
- Refine the edge — most editors have a "Refine Edge" or "Select and Mask" mode that handles hair and fur with a brush.
- Export as PNG with transparency enabled.
For ecommerce product shots, professional retouchers usually do this manually because the AI tools can leave a subtle halo around hard edges that a buyer notices on a white product page.
Saving correctly
After background removal:
- Always export as PNG (or WebP). JPEG will destroy your work.
- Keep the resolution. Don't resize down at this stage; you'll lose edge detail. Resize as a separate step on the final composition.
- For very large transparent PNGs, consider Compress Image afterward — it preserves transparency while reducing file size 30–60%.
Common gotchas
- The image looks like it has a white background when I view it. That's because most image viewers display transparent regions on a white backing. Open the file in an image editor with a checkerboard transparency view, or drag it onto a colored slide / dark webpage to verify.
- The PNG file is huge. Background-removed images often have a lot of complex edge detail. Try Compress Image — PNG-aware compression can drop the file 50% with no visible change.
- The result has a white halo around the subject. This is "color contamination" from the original background. Most AI removers handle solid backgrounds well but struggle with busy or color-similar backgrounds. Re-shoot against a clean backdrop if you have the option, or do manual cleanup.
When to use a sticker, not a PNG
If your end use is a chat sticker (WhatsApp, Telegram, iMessage), Sticker Maker takes a transparent PNG (or any image, with auto-removal) and exports it in the size, format, and metadata each platform requires. WhatsApp wants 512×512 WebP under 100 KB; Telegram wants 512×512 WebP under 500 KB; iMessage wants 408×408 PNG. Sticker Maker handles those constraints automatically.
Quick steps
- Open Remove Background.
- Drop your image.
- Wait for the AI to process (a few seconds in the browser).
- Download the result as PNG.
- Use it anywhere — over solid colors, gradients, or other images, all without a visible rectangle.
That's it. The whole flow is browser-based; the source image and the result both stay on your machine.
Tools mentioned in this guide
Related guides
What Is WebP and Should You Use It?
WebP is a modern image format from Google that produces smaller files than JPEG and PNG with comparable quality. Here's when to use it, when not to, and how to convert.
PNG vs JPEG: Which Image Format Should You Use?
PNG is lossless and supports transparency. JPEG is smaller for photographs. The right choice depends on the image content — here's how to decide.
How to Compress a GIF for Discord, Slack, and Email
GIFs are huge. Here's how to compress one to the size limits Discord (10 MB free / 500 MB Nitro), Slack (1 GB), and email (typically 25 MB) actually allow.