Performance•100% Client-Side Privacy
Image Sprite Generator
Pack multiple icon graphics into a single compact CSS sprite sheet image and generate CSS background coordinates.
Select or drop multiple images here
Supports PNG, JPG, WebP, SVG, GIF, BMP, HEIC • Paste directly from clipboard (Ctrl+V)
Live Canvas Preview
800 × 600 px
Upload an image to start manipulating
Settings & Controls
Width
Height
How to Use Image Sprite Generator
01
Upload your set of icon images.
02
The generator packs them into a single consolidated sprite sheet.
03
Download the sprite sheet and copy the generated CSS classes with x/y background offsets.
Frequently Asked Questions
Why use CSS sprite sheets?
Sprite sheets combine dozens of small image requests into a single HTTP download, significantly speeding up page load times.
Discover More