Sprite Sheet Slicer

What it does

Divides a single bitmap into equal rectangles and saves each as PNG. Use it for texture atlases, pixel-art tilesets, and UI strips after you have aligned art to a strict grid.

Why browser-only slicing

Sprite sheets often contain unreleased game or product art. Processing locally avoids cloud OCR and converter retention policies. Pair with our WebP optimizer if you need lighter tiles after slicing.

How to use

• Load one image that already lines up to a uniform grid.
• Choose Rows × columns (tile size is derived) or Fixed tile size (full tiles only).
• Click Slice & download all and allow multiple downloads if the browser prompts.

Where it fits in a real pipeline

The classic case: you bought or downloaded a tileset packed as one big PNG, but your engine or level editor wants individual files. Point the slicer at it, set the tile size the pack documents (16, 32, and 48 px are the usual suspects), and you're done in one click instead of thirty crop-exports in an image editor.

It also earns its keep on character animation strips — a run cycle laid out as one row of frames slices cleanly with 1 row × N columns. And if you're migrating a web project away from CSS sprite sheets to individual assets, this turns the old sheet back into source files.

Output naming

Each tile downloads as name_r0_c0.png, name_r0_c1.png, and so on — the original filename plus row and column, counted from the top-left. The predictable pattern means a build script or engine importer can pick the files up without renaming anything. A 4×4 grid gives you 16 files; the status line confirms the count when the export finishes.

Frequently asked questions

Are sprite tiles uploaded anywhere?

No. The sheet is read locally, sliced with canvas, and each PNG is generated in your browser. Downloads save to your device only.

Why does it say the grid does not divide evenly?

Rows × columns must produce integer tile widths and heights. If image width is not divisible by column count (or height by row count), adjust the counts or trim the sheet. Fixed tile mode uses only full tiles; partial edge strips are skipped.

Why did my browser block some downloads?

Many browsers limit rapid automatic downloads. This tool staggers each file by ~100 ms. If a browser still blocks, allow downloads for this site or save tiles in smaller batches by cropping the sheet first.

Does this support non-uniform sprite sheets?

Only uniform grids. For variable layouts, slice manually in an image editor or preprocess into a regular grid.