Pixel-exact frames
Frames are never scaled. Each sits at the top-left of an equal-sized cell, and the atlas records its exact position and size.
Make a sprite sheet from images
Pack animation frames or icons into one sprite sheet for games and CSS. Choose the columns and padding, and get a JSON atlas compatible with Phaser, PixiJS and other engines.
Your images are processed on your device and are never uploaded.
Drop your images here
or drag and drop
Accepts PNG, WEBP, GIF, JPG · Up to 512 MB per file
How to use this tool
- 01
Add your frames, in animation order.
- 02
Set the number of columns and the padding between frames.
- 03
Process and download the sprite sheet, with or without the JSON atlas.
Engine-friendly atlas
The JSON uses the widely supported TexturePacker hash format, keyed by each frame’s filename.
Frequently asked questions
What format is the sheet?
PNG, so transparency is kept.
Do frames need to be the same size?
No. Cells are sized to the largest frame, and the atlas records each frame’s real size.
Are my images uploaded?
No. The sheet is built in your browser.