Video to Sprite Sheet Converter
Use this video to sprite sheet converter to sample MP4 or WebM frames into a PNG grid. Choose the sampling speed and frame size before extracting, then download metadata or continue to engine export.
How to use this tool
Choose a video
Open a local MP4 or WebM file and let the browser read its duration. Container names alone do not guarantee playback: the encoded video must also be supported. Read the format message if the browser cannot open your particular file.
Prepare the clip and rate
Trim the video in a video editor first if you only need part of it; this converter samples from the beginning. Set how many frames per second to sample and review the estimated count. A shorter source leaves more room for useful motion within the frame cap.
Size and extract
Choose the output frame size, or let Auto find a size that fits the sheet budget. Start extraction and watch its progress. The tool samples through browser video playback; check the results carefully for fast motion and repeated poses.
Arrange and save
Review the extracted frames, choose columns, and download the PNG plus JSON. Alternatively, send the frames to Export & Download for names and engine formats. Check the loop seam in the player before using the sheet as a repeating game animation.
What you get
Sampling runs from 1–30 frames per second and keeps up to 300 frames. A downloadable sheet must fit within 8192 pixels per side, and the converter checks a total decoded pixel budget before extraction.
Output is a PNG grid with JSON frame data. Auto sizing helps a large clip fit; smaller frames trade detail for a smaller sheet. MP4 and WebM codec support depends on the browser, so inspect the decoded result instead of relying only on the filename.
Use the result in your engine
- Godot 4 import guide
For session sprites, choose Godot SpriteFrames in Export & Download. Keep the sheet beside the .tres resource, then drop the resource onto an AnimatedSprite2D. A standalone PNG can also be sliced in the engine.
- Unity import guide
Import the PNG as Sprite (2D and UI), choose Multiple, and slice it in the Sprite Editor. Unity does not read this tool’s JSON metadata; check the slicing and pivot in the editor.
- Phaser 3 import guide
Load a sheet with Phaser or TexturePacker JSON using load.atlas. For a uniform grid without atlas metadata, use load.spritesheet with the correct frame size. Build the animation from the intended frame names or indices.
Frequently asked questions
Is this tool free?
Yes. You can use the tool and download its output without payment or signup. Keep a downloaded copy of work you want to save; browser storage belongs to this browser and can be cleared by its settings.
Are my files uploaded?
No. This tool works on your device, in your browser, so your files stay with you. The only exception on the site is the optional auto-detect in Sprite Detection, which uploads the image to our server and deletes it within 24 hours; its Grid Slice mode runs on your device too.
Why will my MP4 not open?
MP4 is a container, and the video inside can use different codecs. A browser may support one MP4 and reject another. The converter checks the file and offers an explanation; provide a compatible video encoding rather than changing only its extension.
Does a higher sampling rate always help?
More samples can capture faster motion, but also consume the frame and pixel budgets sooner. Choose the shortest useful clip and inspect the poses. If the action is slow, extra frames may increase sheet size without making the animation clearer.
Why were only part of my frames extracted?
The converter caps extraction at 300 frames and shows the range that fits at your chosen sampling rate. Reduce the sampling rate or trim the source video before loading it to include the whole action. Lower frame dimensions when the pixel budget is the limiting factor.
Will this remove the video background?
Frame extraction retains what is in the video; it does not isolate a character automatically. For a flat magenta or green background, use Remove Background on the resulting sheet. A complex moving background requires preparation beyond simple color keying.