Sprite Sheet Maker

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

Tool Media & Files Updated Apr 19, 2026
X Facebook LinkedIn Reddit Email
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

Frequently Asked Questions

Unequal sizes?

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

Common Use Cases

Animation frames

Pack frames for CSS/JS sprites.

Web icons

One HTTP request.

Last updated: