Sprite Sheet Animator
Check how a sprite sheet animates before you put it in a game or website. Tell the tool how many rows and columns the sheet has and how fast to play it, then step through the frames or export the animation as a GIF.
Animate a Sprite Sheet
Animation
Details
Sprite sheet with grid
Your download
How to Use the Sprite Sheet Animator
- Choose your sprite sheet image.
- Enter the number of columns and rows, and optionally how many frames to use and which one to start with.
- Set the frames per second and press Animate, then Play.
- Use Export as GIF to save the animation.
About This Tool
Game developers, pixel artists and web animators working with CSS or canvas sprite animations.
Input: PNG, GIF, WebP, JPG, BMP sprite sheet · Output: Preview and animated GIF.
Features and Limitations
Features
- Grid overlay on the sheet shows exactly how it is sliced.
- Row-by-row or column-by-column frame order, a start frame and a frame count for partially filled sheets.
- 1 to 60 fps with the player's extra 0.25×–4× speed control and frame stepping.
- Export as a looping animated GIF.
Limitations
- Cells must be equal in size and laid out without spacing between them.
- Exported GIFs are limited to 256 colours per frame and 1-bit transparency.
- Processing happens on your device, so very large files depend on your browser's available memory.
Frequently Asked Questions
My frames look shifted. What is wrong?
Check the row and column counts: the cell size is the sheet width divided by the columns and the height divided by the rows.
Can I skip empty cells at the end?
Yes. Set “Number of frames” to the number of drawn cells.
Does it support transparent sprites?
Yes. Transparency shows over a checkerboard in the preview, and fully transparent pixels stay transparent in the GIF.
Is my sprite sheet uploaded?
No. It is sliced and played in your browser.
Related Tools
More like this: all GIF & Animation tools, all Image & Design tools or the TinySandy home page.