Sprite Sheet Generator
Arrange icons, frames, or game assets into fixed cells, control columns and fitting, then export the sprite PNG and coordinate JSON.
Upload image frames or icons to pack them into a predictable sprite sheet with downloadable coordinates.
Fixed cell packing
Create a predictable row-and-column atlas with exact cell width, height, gap, and order.
Transparent PNG support
Keep empty pixels transparent or fill the sheet with a selected background color.
Coordinate JSON
Download x, y, width, height, and index values keyed by cleaned file name.
Bagaimana cara kerjanya
- 1
Upload sprite images
Select icons, animation frames, or other small assets in the desired order.
- 2
Configure the atlas
Set columns, cell dimensions, gap, fitting, and background behavior.
- 3
Export PNG and JSON
Download the sprite sheet and its matching coordinate manifest.
Planning a maintainable sprite sheet
Use equal cell sizes when a game loop or CSS animation advances through predictable frames. Contain mode keeps each source visible, cover mode fills every cell, and stretch should be reserved for assets already designed at the target ratio. Keep the PNG and JSON together when file names or ordering matter.
Pertanyaan yang sering diajukan
What is included in the JSON file?
It includes the sheet size, cell size, gap, and x/y coordinates for each uploaded image.
Can the sprite sheet background be transparent?
Yes. Transparent background is enabled by default.
Apakah gambar saya diunggah?
No. Every image stays in your browser.
Sprite Sheet Generator last reviewed: Aug 22, 2026.