Sprite Sheet Slicer

Split an evenly gridded sprite sheet into individual PNG frames. The file stays in your browser.

How to use

  1. Choose a PNG, JPG, or WebP image.
  2. Enter the number of columns and rows in the sheet.
  3. Save the frames you need after slicing.

How the grid is calculated

Frame width is calculated as image width divided by the column count, and frame height as image height divided by the row count, using whole pixels. Frames are then read left-to-right and top-to-bottom.

When this tool is the right fit

Use it for sheets where every frame occupies the same-size grid cell. Packed atlases with irregular rectangles, rotated sprites, padding metadata, or engine-specific atlas files need their original atlas metadata instead of a simple row-and-column split.

Recommended next step for animation frames

After slicing an animation sheet, run the frames through Pivot Aligner before previewing them. This helps separate true animation motion from apparent jitter caused by inconsistent transparent margins or frame origins.

Limitations

This tool is intended for evenly gridded sheets where every frame has the same dimensions. If the image dimensions are not evenly divisible by the row and column counts, leftover edge pixels may be omitted.

FAQ

Is the file uploaded?

No. It is processed only in browser memory.

What order are frames generated in?

Frames start at the top left and proceed horizontally.

Related tools

Worked example: split a 128×32 sheet into four frames

A 128×32 PNG with 4 columns and 1 row produces four 32×32 frames using the same grid rule as the live tool. The transparent margins intentionally vary so the same files can continue into the pivot example.

Input · 128×32 PNG sprite sheet
Input · 128×32 PNG sprite sheet
Output · four 32×32 PNG frames
Output · four 32×32 PNG frames