Optimize your website using CSS Sprites! Generate CSS Sprites to speed up your website by reducing HTTP requests.
A CSS Sprite is a load of images lumped together into a single image file. They're used as a technique to make your websites load faster, by decreasing the number of HTTP requests your users have to make. Each request will contain the overhead of HTTP headers (including cookies) and the connection's latency. By using a single image file instead of many, you can dramatically decrease the time it take your pages to load.
This tool generates:
First upload the image file and add the CSS to your stylesheet.
Then replace your images with code to load the sprite.
CSS classes are generated from the image filenames you upload, so for example:
<img src="icon.png">
might become
<div class="icon"></div>
Greg, AKA RoBorg did - I'm a professional PHP programmer for Just Say Please.
You can follow me on Twitter
At the moment just via Twitter.
They're not stored on the server.
Yes.
Yes - see the CSS Sprites API page.
Not at the moment, but if I receive enough interest I might clean up the code and release it.
The sprite generator is written in PHP, using the GD image functions. The transparent PNGs are manually generated.