Sprite sheet and animation editor

Grid frames0
Included0
Frame size64 × 64
Default FPS8

Sprite sheet and animation editor

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

How to use it

  1. 01

    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.

  2. 02

    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.

  3. 03

    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

What this tool does differently

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

Questions, answered plainly

Can I export individual sprite frames?

The sprite sheet editor exports included frames as PNG files in a ZIP, with animation metadata in a separate JSON file.

Does the sprite editor remove backgrounds?

The sprite sheet editor crops existing pixels and preserves existing transparency. It does not infer or remove a background.

What does the pivot value mean?

The sprite sheet editor measures each pivot from the frame’s top-left corner and exports both pixel and normalized coordinates.

How many sprite frames are supported?

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.