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, compare the actual outputs. WebM requires verified alpha playback in your target browser. Lottie ZIP requires an image-capable player and complete asset paths. GIF has binary transparency and a limited palette. PNG sequence preserves full-alpha frames for further editing. File sizes depend on the clip and settings.
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.
Reproduce the workflow
Use these local sample files to repeat the checks described in this guide. Review the file before using it in a production project.
Tested: how much of the matte survives each export
We keyed one green-screen clip three ways with the public converter and counted the alpha values of the first exported frame (230,400 pixels at 480×480).
| Export | Size | First frame: transparent / soft edge / opaque |
|---|---|---|
| Lottie ZIP, Green preset | 499,637 bytes | 85.7% / 770 px / 13.9% |
| Lottie ZIP, AI-video preset | 498,767 bytes | 85.8% / 822 px / 13.8% |
| GIF, Green preset | 1,361,238 bytes | 85.9% / 0 px / 14.1% |
Both Lottie ZIP exports kept soft edges: 770 partially transparent pixels with the Green preset and 822 with the AI-video preset, which feathers and chokes the edge a little more.
The GIF had no partially transparent pixels at all. GIF transparency is one palette entry that is either on or off, so every edge pixel was forced to fully visible or fully gone.
The GIF was also 2.7 times the size of the Lottie ZIP for the same 96 frames.
Keying does not make files small: the transparent Lottie ZIP was 4.8 times the source MP4, because every frame is stored as a PNG with an alpha channel.
Know the limits
- A synthetic clip with a flat green background measured once in desktop Chrome. Real AI footage has compression noise and uneven light, which needs more tolerance and despill.
- Alpha was counted on the first frame only; motion blur in later frames can produce different edges.
- Transparent WebM depends on the browser’s encoder and on the player. Test it where it will be shown before you rely on it.
If your result is different
- 1.If a green fringe remains, raise despill first, then add a little choke.
- 2.If parts of the subject disappear, lower tolerance or switch from the AI-video preset to the plain Green preset.
- 3.If edges look jagged in the result, export Lottie ZIP or a PNG sequence instead of GIF; only those keep partial transparency.
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?
Conversion, keying, and export run locally without source upload. If you choose cloud sync, sharing, or support sample submission, the selected files are uploaded for that action.
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?
Choose WebM after checking alpha playback, Lottie ZIP for an image-capable player, GIF when binary transparency is acceptable, or PNG sequence for full-alpha frames. Compare actual sizes before shipping.
Primary sources
Technical behavior was checked against the original runtime or format documentation below.