Image Sprite Sheet Generator
Pack multiple small images or icons into a single sprite sheet PNG, with matching CSS background-position rules generated automatically.
Your file is processed locally in your browser and is not uploaded to our server.
How to use Image Sprite Sheet Generator
- 1Upload several small images or icons.
- 2Set a uniform cell size and generate — images are packed into a grid on a single sprite sheet.
- 3Download the sprite sheet PNG along with matching CSS background-position rules for each sprite.
Frequently asked questions
Combining many small images into one file reduces the number of HTTP requests a webpage needs to make, which can improve load performance.
Related tools
Images
Image Comparison Viewer
Compare two images with a before/after slider.
Images
Image Splitter
Split an image into equal grid tiles.
Images
Image Difference Detector
Highlight pixel differences between two images.
Images
Image Collage & Contact Sheet Maker
Arrange multiple images into a grid collage.
Images
Image Duplicate Finder
Find visually similar or duplicate images in a batch.