Online Tool Store
Sprite Sheet Generator
Combine PNG, JPEG, or WebP images into a configurable sprite sheet PNG with adjustable columns, padding, and downloadable frame coordinates.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
How Sprite Sheet Generator works
- Select PNG, JPEG, or WebP images in the order you want them packed.
- Set the number of grid columns and the padding between cells.
- Review the generated canvas preview as the sheet dimensions update.
- Download the sprite sheet as a PNG and the frame coordinates as JSON.
FAQ
What size does each cell use if my images are different sizes?
Every cell is sized to fit the largest image in your set, so smaller images are placed top-left within their cell rather than stretched.
What's in the frame data JSON?
The x, y, width, and height of each image within the sprite sheet, in the order they were added — ready to plug into a game engine or CSS sprite lookup.
Does the order of my selected images matter?
Yes — images are packed left-to-right, top-to-bottom in the order you selected them.
Are my images uploaded anywhere?
No — packing happens locally on a canvas in your browser.
How we compare
| Feature | Online Tool Store | Manual layout in an image editor | Desktop sprite packers |
|---|---|---|---|
| No install | ✓ | ✓ | ✗ |
| Frame coordinates included | ✓ | ✗ | ✓ |
Manually placing sprites in an image editor means calculating coordinates by hand. Sprite Sheet Generator packs them and hands you the coordinates.