Transparent PNGs, explained properly

Last updated: September 2026

Here's the whole story in plain language.

Your photo is deleted from the server the moment the cutout is sent back. Need the erase and restore brushes, or a coloured background behind the subject? Open the full editor.

PNG transparency explained

The alpha channel: a fourth number per pixel

A digital photo is a grid of pixels, and each pixel normally stores three numbers: how much red, green and blue light it shows. Mix them and you get any colour on screen. A transparent image adds a fourth number (the alpha channel) that says how opaque the pixel is, usually from 0 (fully invisible) to 255 (fully solid).

Related: Signature, Image to SVG.

That single extra number is the entire trick. When a browser, design app or slide deck draws the image, it blends every pixel with whatever sits behind it, in proportion to its alpha value. A pixel at alpha 0 vanishes completely; a pixel at alpha 128 shows half itself and half the background behind it. The famous grey-and-white checkerboard you see in editors isn't part of the image at all: it's just how software visualises "nothing here".

That in-between range matters more than most people realise. Real objects don't end in a hard line: hair, fur, glass, smoke and soft shadows all fade out gradually. Partial alpha values are what make a cutout look like a photograph instead of a sticker cut with scissors.

PNG vs JPG vs WebP

Not every image format can store that fourth number, and this is where most confusion starts.

JPG simply has no alpha channel. The format was designed in the early nineties to compress photographs, and photographs fill the whole frame. If you save a cutout as JPG, the transparency is silently flattened onto a solid background (usually white) and it's gone for good. This is why a "transparent JPG" someone sends you always arrives with a white box around the logo.

PNG is the safe default. It stores alpha losslessly, every tool ever made accepts it, and marketplaces, print shops and design apps all expect it. The price is file size: a detailed photo cutout as PNG can be several times larger than the same image as JPG.

WebP is the modern middle ground. It supports full transparency and is typically about 26% smaller than PNG with no quality loss (Google's own figure), which is why websites love it. Its only weakness is compatibility outside the browser: some older design tools, embroidery/print services and upload forms still reject it. Rule of thumb: use WebP on your own website, send PNG to everyone else.

Why edges, especially hair, are the hard part

Cutting out a coffee mug is easy: the edge is a clean curve, and each pixel is clearly mug or clearly background. Hair is a different sport. A single strand is often thinner than one pixel, so the pixel it passes through is a blend: maybe 30% hair, 70% background. There is no correct "keep or delete" answer for that pixel; the only answer is partial alpha.

Good background removal therefore has to solve two problems at once. First, estimate the right opacity for every edge pixel: that's what turns a jagged paper-doll outline into soft, believable hair. Second, remove the old background's colour from those blended pixels. A pixel that was 30% blonde hair and 70% blue sky still contains blue; if the blue isn't subtracted, the cutout carries a ghostly halo of the old background onto the new one. That fringe is the tell-tale sign of a cheap cutout.

This is exactly where segmentation models earn their keep: they've seen millions of examples of hair, fur and soft edges, and learned to predict sensible alpha values instead of a binary keep/delete mask. It's also why results are best when hair contrasts with the background: more on that in our guide to shooting photos that cut out perfectly.

Where transparency actually gets used PNGs for

• Product photos: cut the product out once, then place it on pure white for marketplaces or on brand colours for ads. See our white-background guide for sellers.
• Logos: a logo with a baked-in white box looks broken on any coloured page; a transparent PNG sits cleanly on anything.
• Profile pictures & avatars: cut yourself out and drop a clean colour or gradient behind for LinkedIn, Slack or Discord.
• YouTube thumbnails & posters: the classic "person popping out in front of big text" look is a transparent cutout layered over a design.
• Stickers & memes: messaging apps expect transparent PNGs, so the sticker takes only the shape of its subject.
• Presentations & collages: images blend into slides instead of floating in white rectangles.

Stock clipart vs. your own photo

A lot of people looking for a transparent PNG actually want ready-made clipart: a butterfly, a frame, a divider, an arrow, a cartoon character. This page doesn't host a clipart library and doesn't draw anything new. What it does is turn a photo you already have into the same kind of file: your own dog, your own product, a sticker or an icon you photographed yourself.

Style, format and a few more everyday requests

A transparent PNG black background, a border or a transparent PNG blank canvas is something a design tool gives you directly. A circle is a shape mask rather than a background removal: crop the cutout to a circle afterwards with a crop tool if you need one.

BGNinja removes backgrounds from real photos, and wherever the file goes next (TikTok, Discord, a slide) the PNG works the same.

Making one from your own photo

What you download is a transparent PNG file, ready the moment processing ends, and the transparent PNG free download is the full-resolution file, not a preview.

There is no layer editor here beyond the Erase and Restore brushes; this cuts a background out and nothing more. It is a transparent converter in the plain sense, turning a normal photo into one with a real alpha channel, or a transparent PNG background remover under another name. Shrinking the file is a different job: once you have the cutout, the compress page reduces the size without touching the transparency.

To turn the cutout into a vector, an image-to-vector converter traces the flat shapes into real paths once the background is gone. The easiest way to see what transparency looks like is the before/after slider above: upload anything and watch the checkerboard appear where the background used to be. Under the hood a segmentation model decides the alpha values described above, not a flat colour-key trick.

How big do these files actually get?

A transparent PNG carries more data than the same photo saved as a JPG, so it's fair to ask how big that gets in practice. From the 195 uploads logged sitewide over the 40 days from 13 July to 21 August 2026: the average file was 1.18 MB, and the largest one actually processed was 28.24 MB. Our ceiling is 99 MB, so even that outlier sat well clear of it, and across every sample measured, not one file landed within 10% of the limit, let alone over it.

In other words: the alpha channel's extra weight isn't, in practice, the thing people run into. What trips a transparent PNG up is almost always the format choice explained above, saving as JPG and losing the transparency outright, not the file size. If you're wondering whether your product shot or portrait is "too big" to cut out and keep transparent, based on what actually comes through here, it almost certainly isn't.

The same kind of silent format loss happens with documents: a regular PDF can drift as fonts and viewers change over the years. ScanReviver's PDF to PDF/A embeds everything the file needs so it still opens exactly the same decades from now.

A format explainer like this one only covers what a file loses when you save it wrong. What an old photo loses to fading, blur and physical damage over the decades is a different question, PicReviver's guide to what AI restoration actually does covers it the same way.

Quick answers

By Sam Ridder, I build and run BGNinja on my own hardware, on my own. Who I am.