🎞️ Image Sprite Sheet Maker
Combine animation frames, stream emotes or icons into one sprite sheet with exact coordinates — ready for games, web animations and overlay tools.
✅ Free · No sign-up
Choose frames or drag them here
JPG, PNG, WebP, GIF · processed on your device, never uploaded
JPG, PNG, WebP, GIF · processed on your device, never uploaded
0 = automatic (near-square)
Sprite sheet
Animation preview fps
How to use the Image Sprite Sheet Maker
- Add your frames (PNG with transparency works best).
- Reorder or remove frames, then choose columns, frame size, spacing and padding.
- Check the animated preview and adjust the frame rate.
- Download the sprite sheet PNG, the JSON frame data and optional CSS classes.
Why creators use it
- Sprite sheets for browser games and web animations.
- Packing Twitch/Discord emotes or badge sets for overlay tools.
- Icon sheets with CSS background-position classes.
Good to know
- The JSON uses the common “JSON hash” format (frames with x, y, w, h) understood by Phaser, PixiJS and similar engines.
- Frames are not trimmed or rotated, so coordinates are easy to read.
Frequently asked questions
What frame order is used?
The order of the list, left to right and top to bottom. Frame names in the JSON are the original file names.
Are files uploaded?
No. Packing happens on a canvas in your browser.