Sprite Sheet Slicer

Asset Generator for Flutter Flame

1. Upload Sprite Sheet

🖼 Click to select or drag & drop an image PNG or JPEG

Tolerance

2. Configure Grid

Rows

Columns

After generating, drag the grid lines on the canvas to adjust cell boundaries.

3. Preview & Fine-tune

Adjust X/Y/W/H per frame. Use +/- to zoom, drag to pan within each preview.

3.5. Optimize Image Optional

Resize the source image before export. Frame coordinates will scale automatically.

Resize Mode

By Width By Percent

Target Width (px)

Scale (%)

4. Export

Filename Prefix

Frame Names

Customize the filename for each frame. Leave blank to use the auto-generated name.

5. Animation Preview

Click frames in the strip below to select/deselect. Adjust FPS and preview the animation.

FPS

1. Upload Image

🖼 Click to select or drag & drop an image PNG or JPEG

2. Resize Options

Resize Mode

By Width By Percent

Target Width (px)

Scale (%)

3. Preview & Download

Original

→

Resized

Sprite Sheet Slicer — Internal Tool