Sprite Sheet Generator
Combine multiple images into a single sprite sheet. Get CSS and JSON output for web and game development.
Drop images or click to upload
Add multiple images to combine
About Sprite Sheets
- • Combine multiple images into a single file to reduce HTTP requests
- • CSS background-position is used to display individual sprites
- • JSON format can be used with game engines and animation libraries
- • Add padding to prevent edge bleeding when scaling
Sprite Sheets - Détails techniques
Sprite sheets combine multiple images into one file, reducing HTTP requests and improving load times. CSS uses background-position to display individual sprites. Game engines use texture atlases (JSON format) for efficient rendering.
Alternative en ligne de commande
# Generate with spritesmith (Node.js)\nnpm install spritesmith\n\n# Or use TexturePacker CLI\nTexturePacker --format json --data sprites.json --sheet sprite.png *.png