Sprite Sheet Packer

Combine multiple images into one sprite sheet — free and processed entirely in your browser.

About the Sprite Sheet Packer

Packing individual animation frames or game sprites into a single sheet by hand — laying each one out, keeping spacing consistent — is tedious and easy to get slightly misaligned. This tool arranges your images into a grid automatically.

Set your columns, padding, and scale, and every image is packed into one sheet with a live preview. Everything runs locally in your browser using the Canvas API.

How to Pack a Sprite Sheet

  1. Step 1

    Upload your frames

    Drag and drop the individual images you want to combine.

  2. Step 2

    Arrange your grid

    Set the number of columns, padding, and scale.

  3. Step 3

    Download your sprite sheet

    Get the finished sprite sheet as a single PNG.

Frequently Asked Questions

Can I control the order the images are packed in?

Yes — reorder your uploaded frames before packing, and they're arranged into the grid in that sequence.

What if my images are different sizes?

Each image is placed into a grid cell sized to fit the largest uploaded image, with padding you control.

Is this the reverse of your Sprite Sheet Splitter tool?

Yes — Splitter takes one sheet apart into frames; this combines frames into one sheet.

Are my images uploaded anywhere?

No. Packing happens entirely in your browser.

Related Tools