Not familiar with CSS sprites?
You can learn more, here, but in a nutshell, you save bandwidth and increase your page load speed. Plus, once you get used to working with them, it keeps everything compact and organized.
Usually, you build your CSS sprites in your favorite graphic app, drop in some CSS magic and you’re up and rolling.
Now there’s an easier and quicker way to do it!
You’ll be whipping-out CSS sprites in a matter of seconds!
SpritePad
SpritePad is free and easy to use.
Simply drag and drop your image files on to the graph.
In a blink of an eye, you’ve got your CSS spit-out on the right and your images in the box.
Re-adjust the graph box (this will make your output file PNG file smaller), and click download!
You’ll have two files:
- Your PNG graphic file.
- Your sprites CSS file.
Apply as you like!
Pretty awesome, isn’t?
Bookmarked? YES!
Blake says
Increase your page load time or page load speed?
Eric Dye says
LOL! Wow. That’s funny. Fixed. (Thank you.)
Eric J says
This is pretty awesome!
Eric Dye says
😀