Transparent GIF Maker

How to make a GIF background transparent

The live preview shows frame 1 with your settings before anything is encoded.

1. Drop an animated GIF, or a still PNG, WebP or JPG. The tool guesses the background from the most common colour along the border of the first frame.
2. If the guess is wrong, click the background in the original preview, or type its hex code. Then adjust the tolerance while you watch the preview.
3. Choose what to remove. "Background touching the edges" keeps same-coloured areas inside the subject; "every pixel of this colour" also clears enclosed gaps.
4. Choose where the GIF will be shown: white, black, Discord's dark theme or a custom colour. The edges are blended onto that colour.
5. Limit the work to a frame range if you need to, then make it transparent and download it. Frame count, frame delays and the loop setting are kept.

Everything runs in the browser tab: decoding, keying and re-encoding happen on your device, and nothing is uploaded. The tool takes files up to 100 MB, up to 600 frames, frames up to 2,073,600 pixels (1920 × 1080), and up to 512 MB of decoded frames, because every decoded frame has to fit in the tab's memory.

How GIF transparency actually works

A GIF stores each frame as indices into a palette of up to 256 colours. The GIF89a specification lets each frame carry a Graphic Control Extension, with a transparency flag and one transparent colour index. Wherever a decoder meets that index, it leaves the pixel underneath unchanged.

So transparency belongs to one palette entry, not to individual pixels. There is no alpha channel and no partial opacity: a pixel is the transparent colour or it is not. The transparent entry also takes one of the 256 palette slots, so the visible image gets at most 255 colours.

This tool writes every frame as a full frame and clears the canvas between frames, so a subject moving across a transparent background leaves no trail.

Why transparent GIFs get a white or dark halo

Almost every GIF with smooth edges was drawn with anti-aliasing: the pixels along an outline are a mix of the subject and the background it was made on. Remove a white background and those half-white pixels stay behind. On a white page nobody notices; on a dark page they read as a pale outline.

Pick the matte you will display on

The matte setting fixes this. For the ring of pixels next to the removed area, the tool works out how much of each pixel is background, takes that share out, and blends the rest onto the matte colour. Pixels that are almost entirely background are dropped, and the rest become solid pixels of the blended colour.

The result is right on the matte colour and slightly wrong on anything else, because a 1-bit format cannot be right everywhere. We measured it on an anti-aliased test GIF of a dark disc drawn on white. Shown on black, the average error along the edge fell from 92 to 16 (out of 255 per channel) with a black matte.

Choose "No matte (hard edge)" when the GIF will sit on the same colour it was made on. Edge pixels then stay exactly as they were in the source.

Tolerance vs edge-only fill

Tolerance is how far a colour may drift from the one you picked and still be removed, measured as a share of the largest possible RGB distance. Raise it for backgrounds with compression noise or dithering. Lower it as soon as light parts of the subject start to vanish in the preview.

The edge-only mode starts at the border and removes only matching pixels connected to it, so a white shirt or the white of an eye survives. The every-pixel mode also clears enclosed gaps, like the inside of an O, but it removes that colour everywhere, including inside the subject.

When colour keying is the wrong tool

Colour keying works when the background is one flat colour, or close to it. It cannot separate a subject from a photo, a gradient, a busy scene, or a background that shares colours with the subject. No tolerance setting fixes that, and this tool does not run an AI cut-out on GIF frames.

For a still image with a complex background, use the background remover, which runs an AI model in your browser and exports a transparent PNG. The colour palette extractor lists the main colours of a screenshot as hex codes.

The GIF cropper trims empty space around the subject before you key it, and the GIF compressor shrinks the result for an emoji slot or chat app with a size cap.

If you only need a blank transparent image, the download under the tool is a 43-byte, 1 × 1 transparent GIF: the classic spacer for email layouts.

Transparent GIF FAQ

Can a GIF have a transparent background?

Yes. The GIF89a format lets each frame name one colour in its palette as transparent, and a viewer shows whatever is behind the image wherever that colour appears. The catch is that it is all or nothing: every pixel is either fully see-through or fully solid, with nothing in between.

How do I make a GIF background transparent?

Drop the GIF into the tool above and click its background in the original preview. Raise the tolerance until the preview shows the background gone and the subject intact, and set the matte to the colour it will be shown on. Then download the result; nothing is uploaded.

Why does my transparent GIF have a white outline?

The subject's edges were anti-aliased against white, so the outline pixels are part subject, part white. Removing the white leaves those pale pixels behind, and they glow on a dark page. Make the GIF again with the matte set to the dark colour it will be shown on.

Does GIF support semi-transparent pixels?

No. GIF transparency is one bit per pixel: a pixel either uses the transparent palette entry or it does not. Soft shadows and feathered edges cannot be stored, which is why this tool blends them onto a matte first. Animated WebP and APNG both carry a full alpha channel.

Can this remove a photo background from a GIF?

No. This tool removes one colour, with a tolerance, so it suits flat backgrounds such as stickers, logos, cartoons and screen captures. It does not run an AI cut-out on each frame. For a still photo, the background remover on this site uses an AI model in your browser.