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 Does This Tool Do?
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.
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.