Advertisement
AdSense Slot (728x90)

Sprite Splitter

Auto-detect and extract individual sprites from a single sheet.

πŸ“

Drag & drop your sprite sheet here

or , or add from URL

(You can also paste images or URLs with Ctrl+V)

How to use 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.

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.

Usage Instructions:

  1. Drag and drop your sprite sheet into the drop zone above, or paste an image from your clipboard (Ctrl+V).
  2. Adjust the Threshold to control how aggressively the tool groups pixels.
  3. Toggle Remove BG if your sprite sheet has a solid background color instead of transparency.
  4. 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 Shift key 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.

Sprite Animator

Live preview and export your extracted sprites as animations.

12

Animation Timeline

(0 Frames)

Drag to reorder frames
No frames loaded. Go to Sprite Splitter and extract sprites.

How to use the Sprite Animator

The Sprite Animator allows you to preview and assemble pixel art animations directly in your browser. It pairs perfectly with our Sprite Splitter tool.

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.

Usage Instructions:

  1. First, go to the Sprite Splitter to extract your frames from a sprite sheet.
  2. Click the Sync from Splitter button above to load the extracted frames into the timeline.
  3. Adjust the FPS (Frames Per Second) slider to change the playback speed.
  4. Choose a background color, or leave it transparent.
  5. 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: Currently, the Sprite Animator is designed to work seamlessly with the Sprite Splitter. You must upload a sprite sheet to the Splitter first and extract the frames.