What is a Sprite Sheet Cutter?
A sprite sheet is a single image file that contains multiple smaller images (frames) arranged in a grid. Game developers, pixel artists, and web designers commonly use sprite sheets to organize animation frames, character poses, or UI elements efficiently.
When to Use This Tool
Game Development
Pixel Art
Web Animation
Asset Management
How to Use
Upload Your Sprite Sheet
Drag and drop your sprite sheet image onto the upload area, click to browse files, or paste an image from your clipboard. Supported formats include PNG, JPG, and WebP.
Configure the Grid
Choose one of two grid modes based on your sprite sheet layout:
Grid-Based Division
- Specify columns and rows
- Auto-calculates frame size
- Best for uniform grids
- Example: 8 columns × 4 rows
Dimension-Based Division
- Enter exact pixel dimensions
- Auto-calculates frame count
- Best for known frame sizes
- Example: 32×32 or 64×64 pixels
Advanced Settings
If your sprite sheet has margins or gaps between frames, click Advanced to configure:
- Offset - Starting position from the top-left corner (useful for outer margins)
- Spacing - Gap between frames (for sheets with padding between sprites)
Preview and Verify
The grid overlay updates in real-time as you adjust settings. Use the zoom controls to inspect small sprites with pixelated rendering for accurate preview.
After clicking Export Frames, use the animation preview to verify frames are cut correctly before downloading.
Export Your Frames
Click Export Frames to extract all frames. You can deselect any unwanted frames by clicking on them in the result grid.
- Download individual frames one at a time
- Use Download ZIP to get all selected frames in a single archive
- Frames are named sequentially for easy organization
Features
Flexible Grid Configuration
Two grid modes cover all sprite sheet layouts with precision control.
- By Count mode for known grid dimensions
- By Size mode for exact pixel dimensions
- Advanced offset and spacing settings
- Handles sheets with margins and gaps
Real-Time Grid Preview
See exactly how your sprite sheet will be divided before exporting.
- Live grid overlay with frame numbering
- Zoom controls with pixelated rendering
- Instant visual feedback on settings
- Perfect for inspecting tiny pixel art
Animation Preview
Preview your sprite animation directly in the browser.
- Adjustable FPS slider (1-60 FPS)
- Play, Pause, and Stop controls
- Review animation sequence before export
- Verify frame order and timing
Frame Selection
Choose exactly which frames to export with intuitive controls.
- Click frames to deselect unwanted ones
- Select All / Deselect All for batch operations
- Only selected frames included in ZIP
- Skip empty or duplicate frames easily
Multiple Export Options
Export frames in your preferred format with flexible download options.
- PNG format (preserves transparency)
- JPG format (adjustable quality)
- Individual frame downloads
- ZIP archive for batch download
Your Data Stays Private
All processing happens entirely in your browser for maximum privacy.
- No uploads - images never leave your device
- No tracking or data collection
- Works completely offline
- 100% client-side processing
Frequently Asked Questions
What image formats are supported?
You can upload sprite sheets in PNG, JPG, and WebP formats. For export, choose between:
- PNG - Recommended for sprites with transparency (preserves alpha channels)
- JPG - Smaller file size with adjustable quality (no transparency support)
What is the difference between "By Count" and "By Size" mode?
By Count divides the sprite sheet into the specified number of columns and rows, automatically calculating frame sizes. This is ideal when you know the grid layout (e.g., 8 columns by 4 rows).
By Size lets you specify the exact pixel dimensions of each frame (e.g., 32×32 or 64×64), and the tool figures out how many frames fit in the sheet. This works best when you know the exact frame dimensions.
What are Offset and Spacing?
Offset sets the starting position from the top-left corner of the image. This is useful when the sprite sheet has an outer margin or border that should be excluded from the grid.
Spacing adds a gap between frames, for sheets where sprites are separated by empty pixels or padding. This ensures frames are cut at the correct boundaries.
Can I skip empty frames?
Yes. After extracting frames, click on any unwanted frame in the result grid to deselect it. Deselected frames appear dimmed and are excluded from the ZIP download.
You can also use the Select All and Deselect All buttons for quick batch operations.
Is there a size limit?
Since all processing happens in your browser, there is no upload size limit. However, very large images (e.g., 8000×8000 pixels or larger) may be slower to process depending on your device's performance and available memory.
Are my images uploaded to a server?
No. Everything runs entirely in your browser using client-side JavaScript. Your images are never sent to any server, ensuring complete privacy and security.
- No data leaves your device
- No tracking or analytics on your images
- Works offline after initial page load
- 100% private and secure
No comments yet. Be the first to comment!