Slice sprite sheets into selected PNG frames, preview animation timing, and export per-frame pivots and durations as a ZIP with JSON metadata.
Step by step
01Start with the source
Choose a PNG, JPEG, or WebP sprite sheet. Set the frame width, height, outer margin, and gap in pixels. The grid includes complete cells only and shows every frame that can be extracted from the working image.
02Edit and inspect
Click cells to include or exclude them. Pause animation to inspect a frame, adjust its pivot as a percentage from the top-left, and optionally override its duration. Default frame rate supplies a duration for frames without an explicit override.
03Export and verify
Play the included frames in reading order and download the frame ZIP. It contains transparent PNG crops and animation.json. Use the source rectangles for an atlas workflow or use the individual images in your own game or animation tool.
Why this one
Grid geometry matters
Margins and gaps are distinct from frame dimensions. A sheet with one-pixel padding must not silently include that padding inside the sprite. Partial cells at the right or bottom edge are excluded because their pixels cannot form a complete frame.
A pivot is a coordinate
Each pivot is stored both in pixels inside the frame and as normalized coordinates. A feet-aligned character can use a bottom-center pivot while another frame uses an adjusted anchor. The exported metadata does not assume a particular game engine coordinate convention.
Timing follows the actual frames
Playback uses per-frame milliseconds rather than treating every animation as a fixed-rate video. PNG exports preserve transparency. Changing the source or grid resets selection and frame overrides, since those indices may refer to different artwork afterward.
FAQ
The sprite sheet editor exports included frames as PNG files in a ZIP, with animation metadata in a separate JSON file.
The sprite sheet editor crops existing pixels and preserves existing transparency. It does not infer or remove a background.
The sprite sheet editor measures each pivot from the frame’s top-left corner and exports both pixel and normalized coordinates.
The sprite sheet editor supports up to 256 complete grid frames and a 4000-pixel working source edge.
Files and project content are processed on this device. No AI tokens or third-party processing API are used. Share links include settings only; source files and private project content are excluded. Downloaded projects are ordinary local files that you choose where to store and share.
Keep going
Screenshot stitching editor
Join overlapping screenshots into one clean image. Trim repeated headers, adjust overlap and alignment, and export original working pixels or a paginated PDF.
Manual background cutout editor
Trace and refine an image outline by hand, feather its edge, and export a transparent PNG or mask without AI segmentation or uploads.