Transparent GIF Maker

Film something in front of a flat colour, pick that colour, and it disappears. You get an animated sticker you can drop onto any background, as a GIF, a WebP or an APNG.

  • Chat sticker
  • Emoji for a workspace
  • Logo animation for a site
Drop a GIF or video with a flat background

Drag it here, choose a file, or paste with Ctrl + V

  • PNG
  • JPG
  • WebP
  • GIF
  • MP4
  • MOV
  • WebM
Up to 100 MB · deleted after an hour
Guide

How a transparent GIF gets made, and what it can't do

This works by colour, not by magic. You tell the tool which colour is the background, and every pixel close to it is made see-through. That's the same idea as a green screen in a film studio, and it's why it works so well on a plain wall, a sheet of coloured paper, a white slide or an animation exported on a flat colour. It does not cut a person out of a messy room. For that you'd need a tool that understands what's in the picture, and this isn't one.

There's one honest limitation with GIF itself. A pixel in a GIF is either fully see-through or fully solid, with nothing in between. So the edges of your subject can look a little jagged, and if the colour is close to the background you might see a faint rim of it. WebP and APNG have proper partial transparency, so their edges are soft. If the sticker is going on a page you control, WebP is almost always the better choice.

If a fringe is left around the edges, raise the "how close counts" slider a little. If bits of your subject start to vanish, lower it. Most clips are right somewhere between 10% and 25%.

  1. 1

    Add a clip with a flat background

    A green screen is ideal, but a white wall, a black backdrop or an animation on a plain colour all work.

  2. 2

    Trim and size it

    Keep it short. Stickers are small things, so 256 or 320 pixels wide is usually plenty.

  3. 3

    Open the Edit tab and make a colour transparent

    Click the colour box or use Pick from screen, then choose the background. Adjust how close counts until the edges look clean.

  4. 4

    Choose the format and create it

    GIF works everywhere. WebP or APNG give smoother edges. The result is shown on a checkerboard so you can see what's see-through.

Starting points

Settings that work for common jobs

Treat these as a first try, not a rule. The size estimate tells you quickly whether to nudge them up or down.

If you're makingTryWhy it works
Chat sticker256px · 15fps · WebP · 2 to 3 secondsSmall, smooth edges and a file that loads instantly.
Emoji for a workspace128px · 10fps · GIF · under 2 secondsEmoji uploads are strict about size, so everything is kept as small as it goes.
Logo animation for a site480px · 20fps · WebP or APNGSoft edges look right on any background colour.
Green screen reaction480px · 15fps · GIF · similarity about 20%Wide support, and a clean key on an evenly lit screen.
Real uses

Where this comes in handy

An animated sticker for chats

Film a wave or a dance in front of a plain sheet, key it out, and you have a sticker nobody else has.

A logo or mascot that sits on any page

Export from your animation tool on a flat colour, remove it here, and drop the result on a light or dark section alike.

Custom emoji for your team

A little looping face or icon, kept at 128 pixels and a couple of seconds, fits the strict size limits.

Avoid these

Common mistakes, and what to do instead

  • Using a patterned or busy backgroundThe tool removes one colour. Use a plain wall, paper or a green screen.
  • Choosing GIF for a soft-edged subjectHair, smoke and shadows need partial transparency. Export WebP or APNG.
  • Picking the colour from the brightest part of the backdropPick the average. Pulling from a hot spot leaves the darker areas behind.
Troubleshooting

Common problems and quick fixes

There's a green (or white) rim around my subject

Raise "how close counts" a few points. If it only shows on dark backgrounds, export WebP, which has soft edges.

Parts of my subject went see-through

Lower the slider. Something in the subject is close to the background colour, and a different backdrop would solve it.

It's not transparent at all

MP4 can't be transparent, so it's switched to GIF when you turn this on. Check you haven't picked MP4 again in the Format tab.

The edges look jagged

That's how GIF works. It's all-or-nothing per pixel. Use WebP or APNG for smooth edges.

The file is too big for an emoji slot

Use the 128px width, 10fps, and keep it under two seconds. You may need to try the Light quality too.

See it

What it looks like

These are real screenshots from this site, taken with a demo clip. Your own file will give different sizes, but the controls are exactly these.

The Edit tab with the Transparent background tool turned on, a pink colour chosen and a slider for how close a colour must be
Pick the background colour and how close counts. Here, the pink backdrop is the colour being removed.
A finished GIF with its file size, dimensions, length and format, and a Download GIF button
The result: size, dimensions and length at a glance, then download.
Formats

Which format to choose

Transparency is the one place the choice of format changes how good the result looks, not just how big it is.

FormatFor this clipTypical sizeGood to know
WebPSuggestedSoft, smooth edges and a small file. Supported in all current browsers and most chat apps.About 5× smallerFull colour, animated, loops
GIFWorks in every app, but each pixel is fully on or fully off, so edges are a little hard.Largest256 colours, up to 720px and 20fps
MP4Not available. Video has no transparency in this format.About 15× smallerUp to 1080px and 30fps, no loop flag
APNGSoft edges and lossless colour. Larger than WebP, but reliable on graphics.Larger than GIFLossless, full colour, loops
FAQ

Transparent GIF questions

Can’t find yours? The converter explains problems in plain language as they come up.

How do I make a GIF with a transparent background?

Add a clip filmed against a flat colour, open the Edit tab, press Make a colour transparent, pick the background colour, and create the GIF. It works best with a green screen or a plain backdrop.

Can it remove the background from any video?

No. It removes one colour, so a messy or changing background won't come out cleanly. It's built for green screens, plain backdrops and animations on a flat colour.

Why do the edges look rough in a GIF?

A GIF pixel is either transparent or solid, with no soft edge in between. WebP and APNG support partial transparency and look smoother.

Which formats can be transparent?

GIF, WebP and APNG. MP4 cannot, so it isn't offered when transparency is on.

What size should a sticker or emoji be?

Small. Use 128 or 256 pixels wide and keep the clip short. Check the size limit of the app you're uploading to, as each one has its own.

Is anything uploaded to a third party?

No. Your clip is processed on our server and deleted automatically after an hour, as with every other tool here.

Guides

Other conversions

Ready to make your GIF?

It's free, there's nothing to sign up for, and your files are gone within the hour.