Home / Art & Sprites / Video to Sprite Sheet

Video to Sprite Sheet

Drop in a short video or an animated GIF, such as a 3D render, an AI video clip or a recorded animation. Pick the part you want, draw a crop box, key out the green screen or flat background, set the size and colors, and leave out frames you do not need. You get a packed sprite sheet with JSON, every frame as a PNG and a Godot 4 SpriteFrames file.

1. Video or animated GIF

Click or drop a video or GIF here
MP4, WebM, MOV or animated GIF. A few seconds is plenty.

2. Which frames

Start (seconds)

End (seconds)

Frames 12

Frames are taken evenly between start and end. Use the buttons under the video to set start and end from the current spot.

3. Background

Tolerance 60 Edge softness 25

Remove color spill on the edges Trim empty space around the sprite

Color key removes the color everywhere, which suits green screens. Flat removes it only where it touches the border, so white eyes stay when the background is white too.

4. Size and colors Size 50%

Pixel art: hard pixels, no smoothing

Colors Off

Shrink a render to sprite size and cut it to a few colors to turn it into pixel art.

5. Export

Playback FPS

Name

Loops (off for one shot moves)

The ZIP holds the packed sheet with a JSON atlas (TexturePacker format for Phaser, PixiJS and others), every frame as a PNG and a Godot 4 SpriteFrames .tres.

Pro · Video to Sprite Sheet is part of GameShipKit Pro, with every Pro feature of the other tools. See plans

Source

0.00 s

Drag on the video to crop.

Result

Drop a video or GIF to start.

Frames · click a frame to leave it out

From a clip to game frames

Plenty of game animation starts as video: a character rendered in Blender, a clip from an AI video tool, a recording of a Spine or Live2D animation, or an effect made in a particle editor. Engines want sprite sheets. This tool cuts the clip into evenly spaced frames, cleans them up and packs them into a sheet that drops straight into Godot, Unity, Phaser, PixiJS or GameMaker.

Pick the frames

Scrub the source with the slider, then set the start and end from that spot. Choose a frame count, such as 8 for a walk cycle or 12 for an attack, or a number of frames per second. Animated GIFs can use every frame they contain. Click a frame in the strip to leave it out, which helps when a loop has a doubled first and last frame. Drag a box on the source to crop to the character.

Clean background removal

Color key removes one color across the whole frame and fits green or blue screens. Pick the color with the eyedropper or let the tool read it from the edges of the clip. Tolerance sets how far a color may be from the key, and edge softness fades the border so the sprite does not get a hard jagged cut. Spill removal pulls the green tint out of hair and edges. Flat mode only removes the background where it touches the border, so a white shirt survives on a white background. Trim then cuts every frame to the same tight box around the motion, so the character does not jump around in the sheet.

Turn renders into pixel art

Set the size to a small percentage, tick pixel art and cut the colors to 8, 16 or 32. The palette is shared by every frame, so colors do not flicker from frame to frame. The edges become hard alpha that pixel art engines expect.

What you get

File	Use
name_sheet.png + name_sheet.json	A packed sheet and a TexturePacker hash atlas for Phaser, PixiJS, Cocos and most loaders.
name_frames.tres	Godot 4 SpriteFrames. Put it next to the sheet and load it into an AnimatedSprite2D.
frames/	Every frame as its own PNG, for Unity, GameMaker or any engine that imports single images.

Your video stays on your computer

Decoding and processing run in your browser. Nothing is uploaded. MP4 needs a browser that plays H.264, which Chrome, Edge, Safari and Firefox on Windows and macOS all do. WebM and GIF work everywhere.