Sprite Animator

Sprite Animator - now also in Pixel Studio Slice sheets, preview & export still work here. New work can stay in one place: Pixel Studio has Simple + Character + Draw + Animate with sheet import & GIF export.

← Tools Open Pixel Studio

🖼️

Upload a spritesheet PNG to get started.
Works with transparent backgrounds too.

Upload Spritesheet

FPS

2×

Frame 1 / 0

Spritesheet

📂 Load Spritesheet

📄

📦 Open

No sheet loaded

Pixel Editing

Draw straight onto the preview. Edits apply to the sheet, so they show in every export.

Frame Size

W H

Offset X Offset Y

Spacing

Frame Editing

Range:

Frame Info

Select a frame to view

Per-Frame Timing

Frame FPS: ,

Load a spritesheet to see frames.

Space play · ←/→ frame · +/− zoom · O onion · Ctrl+Z undo

🎬 Welcome to Sprite Animator

Turn a spritesheet into a playable animation. Slice it into frames, preview the motion, tune the timing, then export a GIF or an engine-ready pack.

How it works

1 • LoadUpload a spritesheet PNG, or press Import from Pixel Studio to bring across what you drew there.
2 • SliceSet the frame width and height, or hit Auto-detect frames and let it guess.
3 • PreviewPress Play. Adjust FPS, or give single frames their own timing under Per-Frame Timing.
4 · ExportAnimated GIF and Frames Sheet sit at the bottom of this panel; scroll it for JSON and ZIP packs.

Space play • ?/? frame • +/- zoom • O onion • Ctrl+Z undo