Image Tools
Sprite Sheet Generator
Combine multiple small images into a sprite sheet with generated CSS.
Loading tool…
What is Sprite Sheet?
Upload multiple small images (icons, sprites) and combine them into a single image with generated CSS for each sprite's position.
How it works
We arrange your images on a grid-based Canvas and generate CSS with background-position offsets for each sprite.
- Upload. Upload multiple small images.
- Configure. Set columns and cell size.
- Generate. Download sprite sheet and copy CSS.
Examples
Icon set
Combine 16 icons into a 4-column sprite sheet with CSS for each.
Frequently asked questions
What image sizes work best?
All images should be the same size. Set the cell width/height to match your source images exactly.