How to remove a solid background from a GIF
Choose a source
Choose a GIF with a reasonably uniform background. A flat studio color, a solid canvas or a green screen clip generally gives the editor a clear color to remove.
Set up the result
Use Background color to choose the shade to make transparent. The editor starts with the first frame’s top-left pixel. Increase tolerance gradually and check the subject against the checkerboard.
Save the result
Watch the entire loop, including frames where the subject moves into a different area. When the result looks clean, download the transparent GIF and test it on the background where it will be used.
Settings and controls
Background color
Pick a shade representative of the backdrop. If the first pixel is on the subject, a border or an existing transparent area, select a better color with the picker. The same color is applied across the entire animation.
Color tolerance
Start with a low value to remove only pixels close to the chosen shade. Raise it in small steps if a rim of the original background is still visible. A large tolerance can remove parts of the subject when their colors resemble the backdrop.
Transparent preview
The checkerboard is a preview aid. When you export the GIF, those areas remain transparent. GIF transparency is binary, so edges with fine hair, gradients, shadows or motion blur may look less smooth than the original. Check the result on both light and dark backgrounds.
Ways to use this tool
An animated icon with a flat backdrop
Remove the solid canvas around a simple icon. An icon with a bold outline and a clearly different fill is a useful starting point.
A reaction sticker
Take a short animated character loop with a uniform background. Keep the tolerance modest so details in the face and outline remain intact.
A small animation for slides
Let the slide color show through around a diagram or spinner. Check the edge of the animation on a slide using the same colors as your final deck.
Before you share the result
Prepare a color that differs from the subject
If you are making the source yourself, choose a backdrop color you do not need inside the moving subject. Keep it the same across all frames. A blue, green or pink background can work if the subject contains little of that color. Avoid motion blur where the subject meets the background. Mixed colors along the edge are harder to remove with one setting.
Inspect several frames
A tolerance that looks right on one frame can erase an edge on another. Play the entire loop while looking for missing details, patches of the old color and a rim around the subject. Adjust the color and tolerance in small steps before exporting.
Check against the final surface
Download a sample and place it on a background close to the one where it will be used. A fine fringe can be hard to see on a checkerboard. If it persists, use a source with stronger separation between the subject and the background.
Keep a working copy
The editor works in your current tab. Save the download and keep the original materials if you expect to make another version. If the browser runs out of memory, close other tabs and try a smaller source. Very large animations are easier to work with when you prepare a shorter clip or reduce the source dimensions first.
Preview at the size people will see
Look at the exported result where you intend to use it. A chat thumbnail, slide or product page can display the same animation at very different sizes. Check that the important details are visible at the smallest size. On a page where the animation communicates a step or a message, provide a short static explanation nearby.
Frequently asked questions
Will it remove a busy photographic background?
The tool removes colors similar to the shade you select. A background with furniture, shadows or multiple colors can leave visible patches. Flat, high-contrast backgrounds give the clearest results.
Why did a part of my subject disappear?
A matching color can occur anywhere in the frame, including on the subject. Lower the tolerance or select a narrower background shade. Use a differently colored backdrop when preparing new material.
Can I choose a different shade for each frame?
The background color and tolerance apply to every frame together. Use a short animation with steady lighting and a consistent backdrop to get a cleaner loop.
Does GIF support soft transparency?
GIF pixels are either transparent or visible. Fine edges can appear sharper once the background is removed. Check the border at the actual display size before sharing.
Does the checkerboard appear in my download?
It is displayed behind the preview so you can see the cutout. Your GIF contains transparent pixels in the removed areas and can be placed on a different background.