Sprite Splitter
Auto-detect and extract individual sprites from a single sheet.
π Your files are securely processed locally and are NEVER uploaded or saved.
Drag & drop your sprite sheet here
or , or add from URL(You can also paste images or URLs with Ctrl+V)
Or try a sample:
(Responsive Banner)
What is the Sprite Splitter?
The Sprite Splitter is a free, browser-based tool designed for 2D game developers and pixel artists. It automatically detects and extracts individual sprites from a single sprite sheet image. Rather than manually slicing grids in a photo editor, our edge-detection algorithm magically finds isolated sprites on transparent backgrounds.
This tool is especially useful when dealing with texture atlases, uneven sprite sheets, or downloaded assets where the original grid dimensions are unknown. We focus heavily on privacy and speedβmeaning your assets are never uploaded to any remote server. Everything happens securely within your local web browser.
Common Use Cases
- Game Engines: Extracting packed sprite sheets into individual PNGs to import into Unity, Godot, or GameMaker Studio.
- Asset Recovery: Slicing up an exported texture atlas when the original project files have been lost.
- Web Animation: Cutting UI icons or CSS sprite sheets to utilize them as independent image files for web design.
Features:
- Auto Detect: Automatically finds isolated pixel clusters based on the transparency or background color.
- Custom Regions: Manually add or adjust bounding boxes if the auto-detect misses a frame.
- Export ZIP: Download all extracted sprites as individual PNG, JPEG, or WebP files in one convenient ZIP archive.
- Privacy First: All image processing happens locally in your browser. Your images are never uploaded to our servers.
- Grid Mode: If your sheet is perfectly aligned, switch to Grid mode to slice exact pixel dimensions instantly.
Usage Instructions:
- Drag and drop your sprite sheet into the drop zone above, or paste an image from your clipboard (Ctrl+V).
- Adjust the Threshold to control how aggressively the tool groups pixels.
- Toggle Remove BG if your sprite sheet has a solid background color instead of transparency.
- Click Export ZIP to download your neatly sliced sprites!
Pro Tips:
- If your sprite sheet is very tightly packed, reduce the Padding and Threshold to ensure sprites aren't merged together.
- Hold the
Shiftkey while dragging on the canvas to manually draw a custom extraction box.
Frequently Asked Questions (FAQ)
Q: Does this tool compress my images?
A: No. When you export as PNG, the extracted sprites maintain their original lossless quality.
Q: Are my images uploaded to the cloud?
A: Never. The Sprite Splitter runs 100% locally in your web browser. We cannot see or access your files.
Q: Is there a file size limit?
A: Because processing relies on your device's memory, extremely large images (e.g., over 8000x8000 pixels) might slow down your browser. However, there are no hard server limits!
Q: What if the background isn't transparent?
A: You can enable the "Remove BG" toggle. The tool will assume the top-left pixel is the background color and automatically ignore it.
Sprite Animator
Live preview and export your extracted sprites as animations.
No Frames to Animate
Sync from the Splitter or drag and drop image files here.
Animation Timeline
(0 Frames)
What is the Sprite Animator?
The Sprite Animator is a lightweight, browser-based testing utility for previewing pixel art animations. Rather than booting up a heavy game engine just to check if your run cycle timing is correct, you can upload your frames directly into our timeline and instantly watch the loop.
It is deeply integrated with our Sprite Splitter tool. You can slice up a complex sprite sheet and send the frames directly to the Animator with a single click. When your animation looks perfect, you can easily export it as a high-quality GIF to share on social media or in your portfolio.
Why Use the Sprite Animator?
- Quick Prototyping: Instantly test frame timings without importing assets into Unity or Godot.
- Portfolio Creation: Convert raw game assets into beautiful, looping GIFs to showcase your pixel art online.
- Animation Debugging: Utilize the Onion Skin feature to analyze the movement arcs and find jittery frames.
Features:
- Live Preview: See your animation run in real-time as you adjust settings.
- Onion Skinning: View previous and next frames faintly in the background to ensure smooth motion.
- Drag & Drop Timeline: Reorder frames easily by dragging them in the timeline.
- Export to GIF: Compile your frames into an animated GIF file with custom background colors or transparency.
- Variable Speeds: Adjust the global FPS (Frames Per Second) slider to match your intended game speed.
Usage Instructions:
- First, go to the Sprite Splitter to extract your frames from a sprite sheet, or click "Upload Images" to manually load PNGs.
- Click the Sync from Splitter button to load the extracted frames into the timeline.
- Adjust the FPS (Frames Per Second) slider to change the playback speed.
- Choose a background color, or leave it transparent.
- Click Export GIF to save the final animation to your computer!
Pro Tips:
- Enable Onion Skinning to verify that your frames line up perfectly. If an animation looks jittery, you may need to adjust the extraction regions in the Sprite Splitter.
- You can drag and drop frames directly in the timeline to fix any ordering mistakes made during extraction.
Frequently Asked Questions (FAQ)
Q: Does the GIF export support transparency?
A: Yes! Make sure you select "Transparent" in the Background dropdown before exporting.
Q: Can I import a folder of individual images?
A: You can click "Upload Images" and select multiple files simultaneously from your file explorer. They will be added to the timeline in alphanumeric order.
Q: Can I set individual frame durations?
A: Currently, the tool uses a global FPS setting. To make a frame hold longer, you can duplicate it in the timeline using the clone button on the frame thumbnail.