6 real use cases

Choose a use case, download its inputs and try the listed settings in the tool above. Compare your work with the actual exported result.

Transparent prop atlas

Pack transparent camper and plant props into an atlas, retaining alpha and a transparent gap between cells.

Columns: 2Cell width (px): 160Cell height (px): 160Gap: 8

Inputs · 2

Download all inputs (2)

Download input 1 · PNG Download input 2 · PNG

Actual tool output

Download result 1 · ZIP Download result 2 · PNG Download result 3 · JSON

Product thumbnail atlas

Package portrait product thumbnails into tall cells. JSON records the position and original filename of each complete image.

Columns: 3Cell width (px): 120Cell height (px): 180Gap: 0

Inputs · 3

Download all inputs (3)

Download input 1 · PNG Download input 2 · PNG Download input 3 · PNG

Actual tool output

Download result 1 · ZIP Download result 2 · PNG Download result 3 · JSON

Travel card atlas

Pack a landscape photograph and a travel illustration into wide card cells while preserving their aspect ratios.

Columns: 2Cell width (px): 240Cell height (px): 160Gap: 12

Inputs · 2

Download all inputs (2)

Download input 1 · PNG Download input 2 · PNG

Actual tool output

Download result 1 · ZIP Download result 2 · PNG Download result 3 · JSON

Mixed orientation atlas

Center landscape, portrait and square assets in uniform cells. The unfilled final cell remains transparent.

Columns: 2Cell width (px): 160Cell height (px): 160Gap: 6

Inputs · 3

Download all inputs (3)

Download input 1 · PNG Download input 2 · PNG Download input 3 · PNG

Actual tool output

Download result 1 · ZIP Download result 2 · PNG Download result 3 · JSON

Vertical scrolling assets

Create a single-column resource strip for a scrolling page with perfume, decorative props and a landscape; read each item by its JSON Y coordinate.

Columns: 1Cell width (px): 200Cell height (px): 160Gap: 10

Inputs · 3

Download all inputs (3)

Download input 1 · PNG Download input 2 · PNG Download input 3 · PNG

Actual tool output

Download result 1 · ZIP Download result 2 · PNG Download result 3 · JSON

Multi-row asset library

Build a multi-row asset library of seven distinct landscape, product and transparent illustrations, with transparent isolation gaps and a partial final row.

Columns: 3Cell width (px): 128Cell height (px): 128Gap: 16

Inputs · 7

Show remaining inputs (4)

Download all inputs (7)

Download input 1 · PNG Download input 2 · PNG Download input 3 · PNG Download input 4 · PNG Download input 5 · PNG Download input 6 · PNG Download input 7 · PNG

Actual tool output

Download result 1 · ZIP Download result 2 · PNG Download result 3 · JSON

What this tool does

Sprite Sheet Generator

Pack animation frames into a regular grid with custom cells and spacing. Export PNG and frame-coordinate JSON.

Local processing

Selected files are processed in your browser without a file-upload step or account.

How to use

Select and order frame images
Set columns, cell dimensions and spacing
Preview and export PNG with frame-coordinate JSON

Formats and limits

Uses a regular grid, not irregular bin packing. JSON frame coordinates refer to cells in the output canvas.

Frequently asked questions

Are my files uploaded?

No. Processing happens on your device. The website, fonts and dependencies may still use the network; offline use is not guaranteed.

Will my original files change?

No. Results are downloaded as new files. The batch renamer also writes copies when exporting to a folder.

What are the limitations?

Uses a regular grid, not irregular bin packing. JSON frame coordinates refer to cells in the output canvas.