EasyLottie Guide
How to Remove Green Screen from AI Video in Your Browser
AI video generators love a green screen. Here is how to key it out in your browser and export a clean transparent animation — without uploading anything.
Why AI videos come on a green screen
Many AI video tools output subjects on a solid green (or blue) background because a flat key color is the easiest thing to remove later. The catch is that the export is still a normal opaque video — the transparency is your job. To use that clip as a sticker, overlay, or web animation, you need to key out the background and produce real alpha.
You can do this without After Effects and without uploading your footage to a server. A browser-based chroma keyer runs the matte locally using WebGL, then exports a transparent file you can drop into a page or app.
Step-by-step: key it out locally
The workflow is short, and every step happens on your device.
- Open the Video to Lottie tool and upload your AI clip (MP4, MOV, WebM, or GIF).
- Trim to the segment you need.
- Click the green background with the eyedropper to set the key color.
- Tune tolerance and softness until the edges are clean without eating the subject.
- Raise despill to remove green light bleeding onto edges; nudge choke to tighten the matte.
- Export as transparent WebM, Lottie ZIP, GIF, or a PNG sequence.
Getting a clean matte
Tolerance controls how far from the picked color still counts as background — too low leaves green patches, too high eats into the subject. Softness feathers the edge so it does not look cut out with scissors. Despill neutralizes the green tint that wraps around hair and translucent edges, which is the single biggest giveaway of a bad key. Choke shrinks or grows the matte by a hair to remove a leftover fringe.
Work in small steps and watch the live preview. A good key on AI footage usually needs only modest tolerance plus a little despill — AI green screens are often cleaner and more uniform than real-world ones.
| Control | What it does | If the result is wrong |
|---|---|---|
| Tolerance | How much color counts as background | Green left → raise; subject vanishing → lower |
| Softness | Edge feathering | Hard cutout → raise slightly |
| Despill | Removes green tint on edges | Green fringe on hair → raise |
| Choke | Shrinks/grows the matte | Thin halo → choke in slightly |
Then pick the right export
Once the background is gone, choose the output that fits your target. Transparent WebM is smallest and smooth for modern browsers (not Safari). Lottie ZIP plays through a Lottie runtime anywhere one is available. GIF is universal but 1-bit and large. PNG sequence is lossless for custom players.
Quick checklist
- Upload the AI clip — nothing is sent to a server.
- Set the key color with the eyedropper on the green background.
- Tune tolerance, softness, despill, and choke on the live preview.
- Use despill to kill the green fringe on edges.
- Export WebM / Lottie ZIP / GIF / PNG sequence to match your target.
Frequently asked questions
Can I remove a green screen without After Effects?
Yes. EasyLottie’s Video to Lottie tool has a built-in WebGL chroma keyer with tolerance, softness, despill, and choke — no desktop software needed.
Are my AI videos uploaded?
No. Decoding, keying, and exporting all run locally in your browser. Your footage never leaves your device.
My edges have a green fringe — how do I fix it?
Increase the despill control to neutralize green light on edges, and use a small choke to tighten the matte.
What format should I export after keying?
Transparent WebM for the smallest smooth web clip (not Safari), Lottie ZIP for Lottie players, GIF for universal support, or a PNG sequence for lossless alpha.