Turn an AI video into a clean game sprite loop
Sprite Frame Extractor pulls a chosen range of frames out of a short video and exports them as a numbered PNG sequence, a looping GIF, or a looping APNG — all inside your browser. Nothing is uploaded: the video stays on your machine and every frame is decoded and encoded locally. It is built for the modern 2D asset workflow, where you generate an animation with an AI video model (Veo, Sora, Kling, Runway, and others) and then need the individual frames as a game-ready loop.
How to use it
- Load a video. Drag an MP4, WebM, or MOV onto the page, or click Choose Video. The output size auto-fills from the source so the aspect ratio is preserved.
- Set the frame rate (FPS). This is the basis the tool uses to turn time into frame numbers. Most AI clips are 24–30 fps, but a sprite loop usually needs only 8–24 frames, so a lower fps gives you fewer, cleaner frames.
- Pick the loop range. Scrub the bar under the video to the first good pose and press Set Start, then find the last pose and press Set End. The current frame number and the total selected frame count are shown right under the bar.
- Preview the loop to check it cycles cleanly. If the last frame duplicates the first, set End one frame earlier.
- Export. Choose PNG frames (a folder in Chrome/Edge, a ZIP elsewhere), a looping GIF, or a looping APNG.
Which export format should I use?
- PNG frames — the raw, lossless frames. Best when you will build a sprite sheet for a game engine or align the frames yourself.
- GIF — one looping file that plays everywhere, including the Windows photo viewer. Limited to 256 colors and hard-edged transparency, which is perfect for pixel art and quick previews.
- APNG — one looping file with full color and soft (alpha) transparency. The best quality for realistic frames or sprites that need a clean edge. It plays in browsers and game engines; the default Windows viewer shows only the first frame, so open it in a browser to see the animation.
Tips for clean, lightweight sprites
Generate your source video on a flat, distinct background (solid green or magenta) so it can be keyed out later with simple color logic instead of manual masking. Downscale the export size to the size your game actually uses — a 1080p source exported at full size makes huge files, while 256×256 or 512×512 keeps both GIF and APNG small. For APNG, the colors setting trades file size for fidelity: 64–128 colors is usually indistinguishable for pixel art and far lighter than lossless.
Frequently asked questions
Does my video get uploaded anywhere?
No. All decoding and encoding happen in your browser. The video never leaves your device, which keeps unreleased game assets private and makes exports fast.
Why does my APNG show only one frame?
The APNG is animated, but the default Windows image viewer does not play APNG and shows only the first frame. Drag the .png file into a Chrome, Edge, or Firefox tab and it will animate. The .png extension is correct — APNG stands for Animated PNG.
Why does the GIF show color banding?
GIF supports only 256 colors, so photographic or realistic frames can band. That is expected and fine for pixel art; for realistic content, export an APNG instead.
The folder-save button does nothing in my browser.
Direct folder saving uses an API available only in Chrome, Edge, and other Chromium browsers. In Firefox and Safari the PNG export falls back to a single ZIP download automatically.