What Is an Alpha Channel? How Image Transparency Really Works, Format by Format

You drop a "transparent" PNG onto a dark slide and a white rectangle comes with it. The file was fine in the editor. So what happened? The answer lives in a fourth channel that rarely gets a look. Every pixel in an image carries red, green and blue values, and in some formats a fourth number called the alpha channel that says how much of that pixel should show.

This guide explains what that number stores, which formats keep it (PNG and WebP), which reduce it to a switch (GIF), which throw it away (JPG), and why SVG plays by different rules. Along the way we read the alpha channel of seven real cutouts pixel by pixel, so the numbers below come from files rather than theory.

One PNG, four backdrops. The sneaker is an AI-generated test input cut out with the Atlas Cloud background remover; the file was placed on each background unchanged.

Key Takeaways

• An alpha channel is a fourth channel that stores opacity for every pixel, from 0 (fully clear) to 255 (fully solid) in an 8-bit image.
• PNG and WebP keep a full alpha channel. GIF can only flag one palette colour as transparent. JPG stores no transparency at all.
• Atlas Cloud's free AI background remover returns a transparent PNG at the pixel size you uploaded, processed inside your browser.
• In seven measured cutouts, only 0.7% to 2.2% of pixels were partly transparent. That thin band is the anti-aliased edge that keeps hair and outlines looking natural.
• A PNG that shows a white or black backdrop in a viewer has usually not lost its alpha channel. Check it on a dark or checkerboard background before re-exporting anything.

What an Alpha Channel Stores Inside Every Pixel

Ask what is an alpha channel and you usually get a metaphor. Here is the number instead. The W3C's PNG specification defines it in one sentence: "The alpha sample determines a pixel's degree of opacity, where zero means fully transparent and the maximum value means fully opaque." In an 8-bit image the maximum is 255, which gives 256 steps between clear and solid.

PNG also allows 16-bit alpha. The spec permits bit depths of 8 or 16 for both of its alpha-carrying colour types, greyscale with alpha and truecolour with alpha, and a 16-bit alpha channel has 65,536 steps. Outside of compositing pipelines, 8 bits is what you will meet.

So an RGBA pixel is four numbers. Three describe colour, one describes coverage. Change only the fourth and the colour stays put while the pixel fades. That is the whole trick behind soft hair edges, drop shadows, and glass that lets a background show through.

The word "transparent" hides an important split. Some formats store a full alpha value per pixel, so a pixel can be 37% visible. Others store a single yes-or-no flag: this pixel is drawn, that one is skipped. Both get called transparency, and only the first one can fade an edge. Keep that distinction in mind, because it is the reason GIF stickers look jagged and PNG cutouts do not.

One more term you will meet in video and game tools: premultiplied alpha. In a straight (or unpremultiplied) file, the colour values are stored at full strength and alpha scales them at display time. In a premultiplied file, the colour values have already been multiplied by alpha, so a half-visible red pixel is stored as half-strength red. PNG uses the straight kind; the spec states that colour values "are not premultiplied by the alpha value".

The idea has a paper trail. Alvy Ray Smith's 1995 memo on the history of alpha credits himself and Ed Catmull with the concept in the 1970s at the New York Institute of Technology, and credits Porter and Duff's 1984 paper with drawing the line between the two conventions. For everyday web and print work you can ignore the difference; your editor handles it.

Turn Any Image to a Transparent PNG in One Click

The quickest way to get a file with a real alpha channel is to let a segmentation model build one. Atlas Cloud runs a background remover tool inside the browser tab, one of a small set of free AI tools on the site that need no account. You drag a photo in, click Run Free, and download the result.

What comes back is a PNG, and only a PNG. The tool's output panel says why in five words: "Transparent backgrounds require PNG format." Pixel dimensions are untouched. In our test on 2026-09-10 (Chrome on Windows), a 6000 x 3375 input of 18.64 MB came back as a 6000 x 3375 PNG.

The model runs locally through WebGPU, with a WASM fallback on machines without it, and we completed a cutout with the network disconnected. There is no watermark and no sign-up.

Subjects are not limited to portraits. In testing, a group photo, a long-haired dog, a white sneaker, a handwritten signature, a line-art logo, and a white shirt photographed against a white wall each came back as a usable cutout, the logo with its negative space open. If the cutout you need is destined for a large print, pair it with the free image upscaler comparison we ran, since the alpha channel scales with the image.

Inside a Real Cutout: Where the Soft Pixels Are

We opened seven of those outputs in Python and counted every pixel by its alpha value. The pattern was the same in all seven. Between 60.6% and 98.4% of pixels were fully transparent, depending on how much of the frame the subject filled.

The partly transparent pixels, the ones with alpha between 8 and 250, made up 0.7% to 2.2% of the image. That is a band 1 to 3 pixels wide running around the outline, and it is doing all the anti-aliasing work.

The sheer veil taught us something the definition alone would not. The alpha channel can store translucency, yet the veil came back with only 0.73% partly transparent pixels, the same thin outline as the sneaker. The fabric itself was written as solid, with the greenery behind it baked into its colour. Shape preserved, translucency lost. A file having an alpha channel tells you nothing about whether a model chose to use the middle of the range.

A small technical observation for the curious: in all seven files the solid subject pixels sit at alpha 254 rather than 255, a difference no display can show. In the full-size PNGs we inspected, every fully transparent pixel carries the same colour value, plain black, so the file stores no hidden backdrop that could leak back as a fringe.

Which Image Formats Support Transparency

Five formats cover almost every file you will ever be handed. They store transparency in four different ways, and the difference decides whether an edge can fade, whether the file can animate, and how big it ends up.

Does JPG Support Transparency?

No. MDN's image format guide states it plainly: "JPEG does not support an alpha channel." The format stores three colour channels and nothing else, so when you save a layered image as JPG the editor has to flatten it onto a colour first, usually white. That white is then ordinary pixels, and it travels with the subject wherever the file goes.

This is also why a "transparent JPG" download is not what it claims. Either the file is really a PNG with the wrong extension, or the checkerboard you see is painted into the pixels. Renaming a .jpg to .png changes the label on the box, not the contents. If you need transparency, the JPG has to be opened, the background removed, and the result saved to a format that can hold an alpha channel.

Transparent GIF: One Colour, Hard Edges

GIF's transparency comes from the 89a revision of the format, and its age shows. The GIF89a specification adds a Graphic Control Extension with a Transparency Index, described like this: "The Transparency Index is such that when encountered, the corresponding pixel of the display device is not modified and processing goes on to the next pixel." One entry in the colour table is declared see-through. Every other pixel is drawn at full strength.

That makes GIF transparency a 1-bit affair. A pixel is either skipped or painted, and with a palette of at most 256 colours there is no room for a half-visible edge. Put a GIF cutout on a background that differs from the one it was made on and the outline steps like a staircase, often with a pale fringe where anti-aliased pixels were snapped to solid.

We converted the sneaker cutout to GIF with a 128 alpha threshold, the usual default, and enlarged the same region of the lace three times. The 8-bit side fades across two or three pixels. The GIF side is all right angles. If you need a transparent GIF for a client that accepts nothing else, build it on the background colour it will sit on, so the fringe matches instead of glowing.

WebP Transparency in Lossy and Lossless Files

WebP is the format that finally gave lossy compression an alpha channel. Google's compression documentation describes "another WebP mode that allows lossy encoding for RGB channels and lossless encoding for the alpha channel", and its cwebp reference sets the alpha quality default at 100, meaning the alpha plane is stored losslessly unless you ask otherwise.

Google's overview page puts lossless WebP at 26% smaller than PNG, says transparency adds about 22% in bytes, and puts lossy WebP with transparency at typically 3x smaller than PNG.

Our own numbers were in that neighbourhood. We took a 2048 x 1152 cutout straight from the background remover, a 1,211 KB PNG, and re-saved it with Pillow at default settings.

Lossless WebP came out at 660 KB, 46% smaller, and every alpha value matched the PNG exactly. Lossy WebP at quality 80 came out at 124 KB, and its alpha plane was still byte-for-byte identical to the original. The only thing that changed was the colour data. For web delivery of cutouts, that is usually the file you want. For a master copy you plan to keep editing, stay with PNG or lossless WebP.

SVG Transparent Background: No Backdrop to Remove

SVG does not have a background to make transparent, because it never had one. An SVG file is a list of drawing instructions: draw this circle here, fill it with this colour. Nothing in that list paints the canvas unless you add a rectangle that covers it. When an SVG appears to have a white background, you are looking at the page or the viewer behind it.

Transparency inside an SVG is set per element. MDN's reference describes the fill value none as painting no fill, so the inside of a shape stays clear. The fill-opacity attribute fades only the paint inside a shape, while opacity fades the whole element, stroke included.

Two things trip people up. A raster photo embedded in an SVG through an image element keeps whatever alpha channel the photo has, so a JPG inside an SVG still carries its white box. And running a photo through a raster-to-SVG converter does not remove a background; it traces the background into shapes along with everything else.

How to Save a PNG With Transparent Background

A lot of "my export is not transparent" trouble is decided before the save dialog opens. Three rules cover it. The background layer has to be hidden or deleted, so the canvas shows a checkerboard in the editor. The format has to be one with an alpha channel, which in practice means PNG or WebP.

And the PNG option should be the 8-bit-per-channel kind, often labelled PNG-24 or 32-bit, rather than a palette version that some exporters reduce to on-or-off transparency. The PNG spec does allow an indexed image to carry "the alpha table that associates an alpha sample with each palette entry", but you cannot count on every tool using it.

The menu paths below come from each vendor's own documentation.

Whichever tool you use, look at the result on a checkerboard before you download. The Atlas result panel shows exactly that, so you can see the alpha channel working before the file ever reaches your disk.

Why Is My PNG Not Transparent?

Run these checks in order. A file that passes the first one needs no fixing at all.

The viewer painted the backdrop. Image viewers have to put something behind transparent pixels, and many pick white or black. The file is unchanged; only the display is. Open the same PNG in a design app, a browser tab with a dark page, or a slide with a dark fill. If the box disappears, stop here.

The file has no alpha channel. A JPG renamed .png, a screenshot of a transparent image, or a file that passed through a messaging app or CMS that re-encoded it will all look opaque because they are. Check the image mode. In Photoshop the Channels panel should list an Alpha channel; on Windows, Properties > Details shows a bit depth of 32 for an RGBA PNG rather than 24; in Python, Image.open("file.png").mode returns RGBA. If alpha is missing, go back to the layered original and export again.

The edge is hard or fringed. A stair-stepped outline points to 1-bit transparency, and a pale or coloured fringe points to edge pixels that still carry the old background colour. Our red-wall test showed how that happens: with a white shirt against a saturated red wall, 69% of the semi-transparent edge pixels leaned red, and on a new background that band reads as a fringe. The fix is a re-export with 8-bit alpha and no matte colour, and, for cutouts, a neutral backdrop in the original photo or a 1-pixel contraction of the mask.

The checkerboard is baked in. Scale the image. If the grey-and-white squares grow and shrink with the picture, they are pixels. Preview images from stock sites often ship this way. Download the real file, or cut the background out again.

Frequently Asked Questions

Is an alpha channel the same as a layer mask?

They are cousins. Adobe's Photoshop help describes an alpha channel as a selection stored as an editable greyscale mask in the Channels panel, and a layer mask works the same way inside the editor. The difference is what survives export. A layer mask is an editing tool that lives in the PSD. The alpha channel written into a PNG or WebP is the flattened result of every mask, and it is the transparency other apps actually read.

How many levels of transparency does an 8-bit alpha channel have?

256, from 0 (fully transparent) to 255 (fully opaque). A 16-bit alpha channel, which PNG also supports, has 65,536. GIF has two: drawn or skipped.

Can I add an alpha channel to a JPG?

Not while it stays a JPG, since the format has no place to store one. Open the file, separate the subject from the background, and save the result as PNG or WebP. The browser-based cutout tool on Atlas Cloud does the conversion in one step: JPG in, transparent PNG out, free to use and without login.

Does WebP transparency work in every browser?

Current versions of the major browsers render WebP with alpha, and MDN's compatibility table for the format is the place to confirm support for any older version you still need to serve. If a legacy audience matters, serve PNG as the fallback through a picture element.

Why does my transparent PNG have a white halo?

The pixels along the edge are partly transparent, and their colour still carries the background they were cut from. On a white original that band looks like a white halo once you place the cutout on something dark. Re-export with 8-bit alpha and matte set to none, or contract the selection by a pixel before saving.

Conclusion

Transparency is a number. Each pixel in an RGBA PNG or WebP carries an alpha value from 0 to 255, and once that clicks the other formats sort themselves out: GIF has a single on-off flag, JPG has nothing, and SVG has no backdrop to remove in the first place. The seven cutouts we measured put the whole anti-aliased edge in a band of 0.7% to 2.2% of the image, which is exactly the part a 1-bit format throws away.

If you came here asking what is an alpha channel because a file refused to go transparent, check the viewer first, then the file's mode, then the edge. And if you need a clean alpha channel without opening an editor, a browser-based background remover will hand you one in a single PNG, at the pixel size you started with.