Sprite Sheet Maker

Pack multiple images into a single sprite sheet + generate CSS / JSON coordinates.

Tool Media & Files Updated Apr 19, 2026
How to Use
  1. Drop images (equal size works best).
  2. Pick columns.
  3. Download sheet + CSS manifest.
Images
Drop images (in order)
0 images
Sheet

Notes

Cell size
Max of all sources
Padding
Prevents bleed
CSS output
background-position per frame
Format
PNG
Order
Drop order
Privacy
Local

About the Sprite Sheet Maker

Meet the Sprite Sheet Maker: a free, no-fuss tool for image, audio and file tasks with nothing to install and no sign-up. Pack multiple images into a single sprite sheet + generate CSS / JSON coordinates.

How it works

Type in what you have, and the answer shows up right away. Change anything and it updates by itself. Everything runs in your browser, so it is fast and nothing you type is sent away.

Want the deeper story? The Knowledge Base explains the ideas behind the tools in more detail.

Frequently Asked Questions

Unequal sizes?

Each image gets its natural cell; rows adjusted to max.

How do I use the Sprite Sheet Maker?

Just type your numbers. The answer shows up right away — there is no button to press. Change anything and it updates by itself.

Do I need to install or sign up for anything?

Not at all — it runs in the browser with nothing to install and no account. After it loads once, it even works without an internet connection.

Is my information private?

Yes. Everything happens in your browser. Nothing you type is sent to a server or saved anywhere.

Common Use Cases

Animation frames

Pack frames for CSS/JS sprites.

Web icons

One HTTP request.

Last updated: