SpritePad is your free and easy-to-use web app for generating CSS spritemaps. It just needs seconds: Drag & drop your images onto the grid and have it instantly available as one PNG + CSS code. No messing in Photoshop, no manual assignment of CSS styles, no long-winded setups, SpritePad makes building spritemaps as easy as writing your next e-mail.
SpritePad is lightning fast
Optimized for speeeeed: No download, no setup, no long-winded uploads. SpritePad works hassle-free directly in your web browser, just drag & drop your images and you can right away work with them to create your exclusive CSS sprites.
Let SpritePad create the CSS for you
Each time you add a graphic, SpritePad produces a CSS code snippet. Move your images around, change options and let the CSS styles get updated immediately. You don’t need to work twice. CSS sprites the easy way.
Save even more time with automatic alignment
Sometimes creating the perfect sprite is similar to a jigsaw puzzle. That’s why we incorporated auto-alignment. Simply click on the button and all your images get aligned automatically, saving as much space as possible. Simply magic!