Sprite Sheet
Cutter

Match rows, columns, cell size, offsets, and gutters against the real image. Then extract only the frames you need.

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
4 COLS4 ROWS16 CELLS
Local input // 01

Drop a sprite sheet here

Upload one PNG, JPG, or WebP sheet. Set the cut grid on top of the real image, then export individual transparent PNG frames.

How to Cut a Sprite Sheet into Frames

Upload the source PNG, JPG, or WebP and place the numbered overlay over the real pixels. The sprite sheet cutter starts with a four-by-four grid because that is a common layout, but it does not assume the guess is correct. Compare every lime boundary with the visual cell edges before extracting. A correct grid should put one complete pose, effect, tile, or icon inside each numbered rectangle without borrowing pixels from its neighbors.

If the sheet uses equal cells with no gutter, enter Columns and Rows first. Set Frame Width and Frame Height to the exact cell dimensions. A 1024 by 1024 image arranged as four columns and four rows usually has 256 by 256 cells. If the asset includes a two-pixel gutter, the frame dimensions are smaller; spacing accounts for those unused pixels instead of adding them to the exported image.

Offsets move the first cut away from the top-left corner. They are useful when a sprite sheet has an outer margin, metadata strip, or intentionally empty border. Spacing X and Spacing Y skip the gutter between cells. After the overlay matches, select Cut Sprite Sheet. The sprite sheet splitter draws each source rectangle to a fresh transparent canvas, so the extracted PNG size matches the configured frame dimensions exactly.

Review the Frames Gallery rather than downloading immediately. Cell numbers follow row-major order: left to right across one row, then down to the next. Select only the poses you need, download a single PNG for inspection, create a ZIP from the selection, or export every detected frame. All cutting and ZIP creation stay inside this browser tab.

Sprite Sheet Grid Settings Explained

Columns are vertical divisions and Rows are horizontal divisions. Their product is the expected frame count. A grid with eight columns and two rows contains sixteen cells even if some cells are transparent. The sprite sheet cutter deliberately preserves empty cells because an empty slot may carry timing or indexing meaning in an existing animation table.

Frame Width and Frame Height describe the exported rectangle, not the visible character bounds. A 64 by 64 frame can contain a 40-pixel-tall character positioned on a consistent baseline. Cropping every pose to its nontransparent pixels would create different frame sizes and make animation alignment harder. Use a sprite extractor that keeps the authored cells when the sheet already has stable alignment.

Offset X begins the first cell that many pixels from the left edge. Offset Y begins it below the top edge. Spacing X is skipped after every cell except the last column, and Spacing Y is skipped after every cell except the last row. The overlay reflects all four values, so an advanced spritesheet cutter workflow remains visual rather than relying on arithmetic alone.

The grid is valid only when all configured rectangles fit inside the source image. A mismatch warning means the last row or column would extend beyond the source or the inferred equal division leaves a fractional pixel. Do not export through that warning. Correct the frame size, row count, column count, gutter, or offset until the full grid is contained.

Rows, Columns, Offsets and Spacing

Start with information from the artist or engine importer. A filename such as run_8x1_96.png may indicate eight columns, one row, and 96-pixel cells. Otherwise divide the source dimensions by likely counts and check visible repetition.

Transparent padding inside a cell and spacing between cells are different. Internal padding travels with the exported frame and maintains alignment. Grid spacing is discarded by the sprite sheet cutter. Outer transparent margin should be represented by Offset X and Offset Y only when it sits before the first cell; a symmetric margin on every cell is normally part of the frame itself.

Texture bleeding happens when a renderer samples colors just outside a cell, especially with linear filtering, mipmaps, scaling, or atlases. Existing spacing can protect the source sheet, but extracted standalone PNG frames do not need that gutter. If you repack them with the homepage maker, add the spacing required by the destination engine and preserve a stable cell size.

Horizontal and vertical strips are the simplest case. Use one row for a horizontal strip and one column for a vertical strip. The same sprite cutter engine handles both because cell positions are derived from grid geometry. Preview numbering still makes sequence direction explicit before the files are used in an animator or GIF encoder.

When Auto Detection Works

Auto Detect scans transparent columns and rows to look for regular gutters. It works best when every column contains visible pixels, every row contains visible pixels, and the empty separators have consistent width. That pattern is common in clean character sheets and effect grids exported with transparent gaps. When confident, the tool fills rows, columns, frame dimensions, offsets, and spacing, then asks you to review the overlay.

Detection becomes ambiguous when sprites overlap the conceptual cell edge, a background is opaque, some rows are completely empty, or internal transparent gaps resemble real gutters. Irregularly packed texture atlases are not regular sprite sheets and cannot be solved by rows and columns alone. In those cases the sprite sheet cutter says auto detection is uncertain and keeps manual control visible.

An uncertain result is safer than a confident but wrong grid. One-pixel shifts can clip a weapon, introduce a neighbor, or move every baseline. Inspect the first and last cell in each row, because an incorrect spacing value often accumulates and becomes more obvious toward the right or bottom edge. Zoom the browser if a pixel boundary is hard to see.

After extraction, open the sequence in the Sprite Sheet Animator. Movement exposes mistakes that static thumbnails hide: a clipped outline flashes, a borrowed pixel appears intermittently, or an incorrect frame order causes a jump. The sprite sheet cutter and animator are separate tools so cutting stays precise while playback stays fast.

Questions,
answered.

Return to Sprite Sheet Cutter
What is a sprite sheet cutter?

A sprite sheet cutter divides a regularly arranged image into individual frame rectangles. This browser tool combines a numbered overlay, manual grid geometry, transparent-gutter detection, a selectable gallery, single PNG downloads, and local ZIP export.

How do I use a sprite sheet cutter?

Upload the image, set columns and rows, match frame width and height, add any offsets or spacing, inspect the overlay, and cut. Review the detected gallery before downloading the files.

Can a sprite sheet cutter extract every sprite as PNG?

Yes. Download individual frames, keep every checkbox selected and use Download Selected, or use Download All ZIP. Transparent source pixels remain transparent in each PNG.

Can a sprite sheet cutter handle spacing?

Enter the horizontal gutter as Spacing X and the vertical gutter as Spacing Y. Spacing is skipped between cuts and does not become part of the exported frame.

How does a sprite sheet cutter use X and Y offsets?

Offsets locate the top-left corner of the first cell. Use them when an outer margin or header appears before the regular grid. The overlay moves immediately as either value changes.

Can the sprite sheet cutter detect a grid automatically?

It can detect consistent transparent gutters. If the pattern is not reliable, the tool reports that auto detection is uncertain instead of replacing the grid with a misleading guess.

Can the sprite sheet cutter download all frames as ZIP?

Yes. ZIP creation happens locally after frames are cut. The archive uses numbered PNG filenames so alphabetical file order matches the visible frame sequence.

Can sprite sheet cutter frames be animated?

Yes. Open Sprite Sheet Animator with the original image and the confirmed grid, or repack selected frames on the homepage before previewing a new sequence.