How to Make a Transparent GIF From a Video
Plain background? Use a free colour key in the browser. Real-world background? Use AI cut-out, then export a GIF. Keep it short and narrow.
Remove Background From Video team ·
To make a transparent GIF from a video, remove the background first and then export the frames as a GIF with transparency. If the background is a plain, even colour, a free colour key in your browser is enough; if it is a real scene (a room, a street), use an AI cut-out that separates the subject on every frame. Keep the GIF short and narrow, because GIF supports only on/off transparency and 256 colours.
Which method should I use?
It depends entirely on what is behind your subject.
| Colour key | AI cut-out | |
|---|---|---|
| Works on | GIF files with plain, even backgrounds (green, blue, white, solid colour) | Videos and GIFs with any background |
| Cost on this site | Free | 1 credit per second |
| Where it runs | In your browser | On the server |
| Setup | Pick the background colour, adjust tolerance | Upload and wait |
| Weak spots | Shadows, gradients, subject colours close to the key | Low contrast, fast motion blur |
How do I make a transparent GIF with a colour key (free)?
Use this when you already have an animated GIF with a flat background, such as a green-screen clip, a product on white, or an animation on a solid colour. The colour-key mode works on GIF files; for a video file, convert it to a GIF first or use the AI cut-out below.
- Open the GIF background remover and choose the colour-key mode.
- Upload your animated GIF.
- Pick the background colour (click it, or choose it from the frame).
- Raise the tolerance until the background disappears, and stop before parts of the subject start vanishing.
- Download the transparent GIF.
The colour-key mode runs free in your browser. It works best when the background is evenly lit and clearly different from the subject. Shadows on the backdrop and colours in the subject that are close to the key colour are the usual problems.
How do I make a transparent GIF from a video with a real background?
When there is no plain backdrop, you need AI matting.
- Open the video background remover.
- Upload an MP4, MOV, WebM or animated GIF, up to 60 seconds and 50 MB. For a GIF, a 2-5 second clip is usually plenty.
- The AI (Bria Video Background Removal v3) cuts out the subject on every frame.
- Download transparent GIF. If you also need a higher-quality version for another use, download WebM (VP9 alpha) or ProRes 4444 MOV from the same job.
AI removal costs 1 credit per second of video, sold in one-time packs (see pricing); a 4-second clip uses 4 credits. Credits never expire and failed jobs are refunded automatically. There is no free tier for AI removal.
For background on the method itself, read how to remove the background from a video.
What are the limits of a transparent GIF?
GIF dates from 1987 and its design shows:
- On/off transparency only. Each pixel is fully visible or fully transparent. Soft edges, such as hair and motion blur, get forced one way or the other, which can leave jagged edges or a coloured fringe.
- 256 colours per frame. Skin tones and gradients may show banding or dithering noise.
- No audio.
- File size grows fast. Size scales with width x height x number of frames. Doubling the width roughly quadruples the pixel count; doubling the frame rate doubles the frames.
| Property | GIF | WebM (VP9 alpha) |
|---|---|---|
| Transparency | 1-bit (on/off) | Full alpha (soft edges) |
| Colours | 256 per frame | Millions |
| Audio | No | Yes |
| Size for the same clip | Usually larger | Usually much smaller |
| Plays in | Almost everywhere | Chrome, Edge, Firefox, OBS; Safari shows no alpha at the time of writing |
More detail is in transparent video formats: WebM vs ProRes 4444 vs GIF vs MP4.
How do I make a transparent GIF smaller?
Most platforms limit upload size for GIFs and stickers, so shrinking matters. In rough order of impact:
- Use fewer frames. Trim to the essential moment (2-4 seconds) and lower the frame rate to 10-15 fps. Motion still reads well for reactions and stickers.
- Reduce the width. 320-480 px wide is enough for chat and stickers. Going from 640 px to 320 px wide cuts the pixel count by about 75%.
- Use fewer colours. A palette of 64 or 128 colours instead of 256 can shrink the file noticeably, especially for simple graphics.
- Crop tightly around the subject so you are not storing empty transparent space.
- Avoid dithering where possible; noise patterns compress poorly.
- Use WebM where it is supported. On websites and in OBS, a transparent WebM looks better and is usually much smaller than the same GIF.
Tips for cleaner GIF edges
- Film with good contrast between subject and background.
- Use a fast shutter to limit motion blur, which turns into ragged edges in GIF.
- Preview on the background colour where the GIF will be shown (for example a dark chat theme); a light fringe is more visible on dark backgrounds.
- If edges look rough, consider placing the subject on a solid colour instead with change video background and exporting a non-transparent GIF or MP4.
Key takeaways
- Plain background: free colour key in the browser on the GIF background remover.
- Real background: AI cut-out at 1 credit per second, then download transparent GIF.
- GIF has on/off transparency, 256 colours and no audio; file size grows with width, height and frames.
- Shrink with fewer frames, a smaller width and fewer colours; use WebM where it is supported.
FAQ
Can I make a transparent GIF for free?
Yes, if the background is a plain colour. The colour-key mode on the GIF background remover runs free in your browser. Real-world backgrounds need the paid AI cut-out.
Why does my transparent GIF have a white or black outline?
GIF cannot store semi-transparent pixels, so edge pixels keep some of the original background colour. Tighter tolerance, better source contrast, or switching to WebM fixes it.
Can I remove the background from an existing animated GIF?
Yes. Both the colour-key mode and the AI remover accept animated GIFs as input.
What size should a sticker GIF be?
Keep it short (2-4 seconds) and narrow (320-480 px). Check the target platform's own size limits, since they differ and change.
Does a transparent GIF keep the sound?
No. GIF has no audio track. Download WebM, ProRes 4444 or MP4 if you need audio.