Sprite Slicer
Upload a sprite sheet and slice it into individual frames. Drag slice lines to fine-tune alignment.
Drop an image here or click to upload
PNG, JPG, GIF, BMP, WebPSliced Frames
What is Sprite Slicer?
Sprite Slicer breaks a sprite sheet image into individual frames based on a grid you define. You set the number of columns and rows, and the tool divides the image evenly, showing you exactly where each cut will land with a live preview overlay. If your sprite sheet has inconsistent spacing — padding between frames, offset rows, or mixed frame sizes — you can switch on line override mode and drag any individual slice line to the exact pixel you need. Once you're happy with the grid, export every frame as a separate PNG file.
Features
Live Preview
See slice lines drawn directly over your image as you adjust columns and rows. The preview updates instantly so you always know where each frame boundary sits.
Quick Presets
Common grid layouts like 2x1, 4x1, 4x4, 8x8, and 16x16 are one click away. You can also type any custom column and row count.
Line Override
Toggle override mode to click and drag any slice line to a new position. Ideal for sheets where frames aren't perfectly uniform. Right-click a line to snap it back to its default.
Frame Thumbnails
Every sliced frame is rendered as a thumbnail below the preview so you can visually verify each frame before exporting.
Batch Export
Download all frames at once as a ZIP archive, or save them one-by-one as individual PNG files. Frames are numbered sequentially (frame_000, frame_001, etc.).
Browser-Only
Everything runs locally in your browser. Your images are never uploaded to a server — no account, no installs, no waiting.
How to Use
- Upload your sprite sheet — Click the upload area or drag and drop an image file onto it. Supports PNG, JPG, GIF, BMP, and WebP.
- Set your grid — Enter the number of columns and rows that match your sheet's layout, or click a preset button. The preview will immediately show colored slice lines over your image (purple for columns, green for rows).
- Check alignment — Look at the slice lines on the preview. If they line up with your sprite boundaries, you're ready to export.
- Fine-tune if needed — If any line is off, flip the "Enable line override" toggle. You can then click and drag any line to reposition it pixel-by-pixel. Right-click a line to reset it to its evenly-spaced default.
- Review the thumbnails — Scroll down to the frame grid and verify each extracted frame looks correct. Hover a thumbnail to see its dimensions.
- Export — Click "Download All as ZIP" to get every frame in one archive, or "Download Individual Frames" to save each PNG separately.
When Should You Use This Tool?
Use the free Sprite Slicer whenever you have a combined sprite sheet that needs to be broken into individual frames. This is common when downloading assets from game art marketplaces, extracting animations from existing games for reference, or preparing tilesets for a level editor. It is also useful when you receive a sheet from an artist and need to import individual frames into a game engine like Unity, Godot, or GameMaker. Instead of opening Photoshop and manually cropping, this online tool handles the entire process instantly in your browser with no software install required.
Example Usage
A pixel artist sends you a 512x128 PNG sprite sheet containing a character walk cycle in 4 columns and 1 row. Upload the image, set columns to 4 and rows to 1 (or click the 4x1 preset), and the tool instantly shows the slice lines over the image. Each 128x128 frame appears in the thumbnail grid below. Click "Download All as ZIP" to get all four frames as separate PNGs, ready to import into your game engine's animation timeline.
Common Use Cases
- Splitting character walk, run, and attack animation cycles into individual frames
- Extracting tiles from a tileset sheet for use in a level editor or map builder
- Cutting icon sheets into separate icon files for a game UI
- Breaking apart texture atlases into individual textures for a 3D game
- Preparing sprite frames for import into Unity, Godot, GameMaker, or Phaser
- Extracting individual emotes or stickers from a combined sheet
Frequently Asked Questions
What image formats can I upload?
PNG, JPG, GIF, BMP, and WebP. If your sprite sheet has transparency (like a PNG with an alpha channel), that transparency is preserved in the exported frames.
What if my frames aren't all the same size?
Enable line override mode using the toggle above the preview. Once active, you can drag any column or row divider to a custom position. This lets you handle sheets with mixed frame sizes, padding, or offset rows. Right-click any adjusted line to snap it back to its evenly-spaced default.
What format are the exported frames?
All frames export as PNG regardless of the input format. This ensures transparency is preserved and there's no quality loss from compression.
Is there a file size limit?
There's no hard limit since everything runs in your browser. Very large images (10,000px+) may slow down the preview, but slicing and export will still work.
Is my image uploaded anywhere?
No. All processing happens entirely in your browser using the HTML Canvas API. Your image data never leaves your machine.
How are the frames numbered?
Frames are numbered left-to-right, top-to-bottom starting from frame_000. For example, a 4x2 grid produces frame_000 through frame_007, reading across each row.