BYTETOOLS

Sprite Sheet Slicer

Cut a sprite sheet back into individual PNG frames by rows and columns, fixed cell size, or auto-detected transparent gutters, with animation preview.

Drop a sprite sheet to cut it back into framesSliced in your browser — the sheet is never uploaded

Choose a sprite sheet, then pick how it should be divided — by a row and column count, by a fixed cell size, or automatically from the transparent gaps between frames.

What is the Sprite Sheet Slicer?

The ByteTools Sprite Sheet Slicer takes an existing sheet and cuts it back into separate frames. Three modes cover the usual layouts: divide the sheet into a grid of rows and columns, use a fixed cell size with an outer margin and spacing between cells, or auto-detect the frames by finding the fully transparent rows and columns that separate them.

  • Three slicing modes: rows and columns, fixed cell with margin and spacing, or auto-detect
  • Auto-detection finds frame bounds from fully transparent gutter rows and columns
  • Cut lines overlaid on the sheet with the current frame highlighted
  • Animation preview with an adjustable frame rate and a scrub slider
  • Clickable thumbnail strip covering every frame
  • Individual or bulk PNG download with zero-padded frame numbers

How to use the Sprite Sheet Slicer

  1. 1

    Drop a sprite sheet into the upload area, or click it to browse.

  2. 2

    Choose a slicing mode: rows and columns, fixed cell size, or auto-detect from transparent gutters.

  3. 3

    Enter the grid counts, or the cell size with margin and spacing, or adjust the transparency threshold.

  4. 4

    Check the cut lines drawn over the sheet and press Play to preview the animation.

  5. 5

    Click Download all, or select a single frame and download it on its own.

About the Sprite Sheet Slicer

The ByteTools Sprite Sheet Slicer takes an existing sheet and cuts it back into separate frames. Three modes cover the usual layouts: divide the sheet into a grid of rows and columns, use a fixed cell size with an outer margin and spacing between cells, or auto-detect the frames by finding the fully transparent rows and columns that separate them.

Every detected frame is drawn as an overlay rectangle on the sheet itself, so you can see immediately whether the cut lines land where you expect. The frames are also played back as an animation at an adjustable frame rate, with a scrub slider and a clickable thumbnail strip, which is the fastest way to confirm the frame order is right.

All the slicing happens 100% locally in your browser on a canvas, and the sheet is never uploaded to any server. Download a single frame, or use Download all to save every frame as its own PNG — each is named with a zero-padded index so they sort correctly in your engine or asset pipeline.

Frequently asked questions

How do I split a sprite sheet into individual images?

Upload the sheet and tell this tool how it is laid out — either the number of rows and columns, or the exact cell size with any margin and spacing. It cuts each cell into its own PNG, which you can then download individually or all at once.

What is the difference between margin and spacing in a sprite sheet?

Margin is the blank border around the outside of the whole sheet, while spacing is the gap between neighbouring cells inside it. Many packing tools add a pixel or two of spacing to stop neighbouring frames bleeding into each other when the texture is filtered.

Why does auto-detect return only one frame?

Auto-detection works by finding rows and columns that are fully transparent, so it needs real alpha between the frames. A sheet with a solid background color has no transparent gutters at all, so use the grid or fixed-cell mode for those instead.

How do I check that my animation frames are in the right order?

Press Play in the preview panel and set the frame rate to whatever your game or app uses. The sheet overlay highlights the frame currently playing, so a frame that appears out of sequence is easy to spot and click.

Is my sprite sheet uploaded to a server?

No. The sheet is decoded and cut entirely inside your browser using the canvas API, and no image data leaves your device. Unreleased game art stays private.

Related tools