🎬
Chroma
Key
Pro
↺ Re-upload
EN
|
中
📁 Import
🟢 Chroma Key
📦 Export
🎞️
Upload Green / Blue / Black Screen Video
Drag MP4 or MOV here, or click to select
Supports H.264 · ProRes · HEVC
Max duration: 20 seconds
.mp4
.mov
Transparent
Original
Keyed
Mask
Compare
↻ Refresh
Original
⇄
Keyed
Frame
--
Time
--
Output
--
Alpha
--
Timeline
00:00.000 → 00:00.000
▶
In
Out
[ In
Out ]
Full
0.5×
1×
2×
🎯
Key Color
↺ Default
▾
Tolerance
Similarity
30°
Smooth
Blend Zone
10°
🖌️
Matte Refine
↺ Default
▾
Feather
Feather
1px
Shrink/Grow
Erode
0px
Black Clip
Black Clip
5%
White Clip
White Clip
2%
Gamma
1.00
🌿
Spill Suppression
↺ Default
▾
Strength
Suppress
70%
Method
Average
Maximum
Luminance
✂️
Crop & Output Size
↺ Default
▾
Inward Crop (%)
Top
0%
Bottom
0%
Left
0%
Right
0%
Output Resolution
Size
×
🔒
🎨
Color Correction
↺ Default
▾
Brightness
0
Contrast
0
Saturation
0
📦 Go to Export →
⏸ Pause
Total Frames
--
FPS
24 fps
Output Size
--
Duration
--
Format
PNG Sprite Sheet
Est. Size
--
Actual Size
--
Ready
0%
Export Format
Sprite
APNG
WebP
WebM
MP4
Frames
⚙️
General Settings
▾
FPS
6
8
10
12
15
24
30
fps
Quality
85%
Scale
Scale
100%
Transparency
Max
KB,0=unlimited
KB
🗂️
Sprite Sheet
▾
Frames/Row
Padding
px
HTML Preview
🎞️
APNG Settings
▾
Loop
0=∞
Outputs as .png (APNG), plays directly in browsers with transparency.
🖼️
WebP Animation
▾
Loop
0=∞
Animated WebP with alpha, plays directly in browsers.
🎥
WebM Video
▾
Bitrate
0.5M
1M
2M
5M
8M
VP9 WebM transparent video, can be inserted into Figma canvas.
📋 WebM exported. Manual insert steps:
① File downloaded as
output.webm
② Select target Frame in Figma
③ Fill panel → click
+
→ select
Video
④ Upload the exported
output.webm
文件
⚠️ Auto-insert attempted. If nothing appears, follow the steps above.
🎬
MP4 Video
▾
Bitrate
0.5M
1M
2M
5M
8M
⚠️ MP4 does not support transparency. Background will be black (or original).
⏱️
Time Remap
▾
Remap time flow of the exported animation. Adjust global speed or use a curve to create slow-motion, speed ramps, and custom timing.
Speed
1.00x
Timing Curve
Linear
Ease In
Ease Out
Ease I/O
Slow-Fast-Slow
Fast-Slow-Fast
Intensity
100%
Output duration:
--
🔄
Force Seamless Loop
▾
Loop Cycle
Loop Period
s
Fade-in
B Layer Fade In
0.30s
Easing Curve
Easing
Linear
Ease In
Ease Out
Ease In-Out
Source Start
Source Start
s
Source needed:
≥ 2.0s
Export range:
1.000s → 2.000s
Export duration:
1.000s
⚠️ Source too short, reduce loop cycle
⬇ Start Export
👁 Preview Animation
✕ Cancel
✕ Cancel Export
🎬
ChromaKey Pro
激活 License Key
🛒 购买 License
暂时关闭