Sprite Sheet Generator
Combine multiple images into a PNG sprite sheet with CSS background-position code for games and web icons.
Combine images into one sprite sheet
A sprite sheet packs many small images into a single PNG file. Games use sprite sheets for animation frames and tile sets. Web developers use CSS sprites to load icons with one HTTP request. This tool arranges your uploads in a grid, exports a PNG, and writes background-position CSS for each sprite.
Related image and CSS tools
Split animated GIFs with the GIF Splitter, build spacing tokens with the Spacing Scale tool, and arrange photos with the Collage Maker.
Frequently Asked Questions
What image formats can I upload?
PNG, JPG, and WebP files work. The exported sprite sheet is always PNG so transparency is preserved.
How do columns and padding work?
Columns set how many sprites appear per row. Padding adds empty pixels between cells so sprites do not bleed together at edges.
Can I reorder sprites?
Upload images in the order you want them placed. Clear and re-upload if you need a different sequence.
Are my files uploaded to a server?
No. Compositing runs entirely in your browser with the Canvas API.
Related Tools
Multiplying Exponents Calculator
MIME Types
Dividend Yield Calculator
Percentage Decrease Calculator
Temperature Converter
Transformer Sizing
E-Bike Range
Bike Cadence Calculator
HTML to Markdown
Morse Code to ASCII Converter
HTML Viewer
Find Image Dimensions
QR Code Generator
Even Parity Calculator
Sensitivity Calculator
Gallon Converter
Burpee Calorie Calculator
Curies Law Calculator
Exposure Calculator
JSON to String Converter