SpritePad is your free and easy-to-use web app for creating CSS spritemaps. It only needs seconds:
Drag & drop your images onto the grid and have it immediately available as one PNG + CSS code.
No fiddling in Photoshop, no manual assignment of CSS styles, no long-winded setups,
SpritePad makes creating spritemaps as easy as writing your next e-mail.
We’re an independent company from Germany, a team of experienced media and web specialists.
You should definitely follow us to get recent updates and all news about SpritePad and other Kiss’ products:
If you like SpritePad, you’ll also like SimpLESS. SimpLESS compiles your *.less files into beautiful valid CSS.
Recommend SpritePad to your friends and both of you’ll get one free
bonus-slot to save even more spritemaps in the cloud. Simply share the
following link and if your friend logs in, you and he will get the extra slot.
http://spritepad.wearekiss.com/invite/
Log in to your account or register a new one:
For most people SpritePad’s standard features will work fine. However if you’re a professional frontend
developer creating many CSS spritemaps a week, our premium features will fit your needs:
All your images get aligned
automatically, saving as much space
as possible. Simply magic!
Store as much CSS spritemaps as
you want as open, editable versions
in the cloud.
Share your spritemaps within your
team, simply connect your account
to as many people as you want.
This spritemap is currently not shared with anyone.
You have shared this spritemap with the following persons:
Add people, friends and team members:
Notice! People you add to this list will be able to edit this spritemap!Thank you for purchrasing SpritePad’s premium version.
We’ll remind you when your premium account exceeds. Premium features are now active:
All your images get aligned
automatically, saving as much space
as possible. Simply magic!
Store as much CSS spritemaps as
you want as open, editable versions
in the cloud.
Share your spritemaps within your
team, simply connect your account
to as many people as you want.
) at the bottom right corner of your sprite document.