Free Online Tool to generate CSS Sprites easily with a simple drag and drop. It is unique because it can save and open projects of your work. Good for SEO,performance

cssspritestool.com is an easy to use CSS sprites generator tool. CSS Sprites are useful for SEO purposes and for website performance improvement.

cssspritestool.com is unique because it allows you to load and save projects and reuse your work and css sprites another time later.

Simply, drag and drop images (png,gif,jpg images) and then press on the “Generate CSS Sprite” button to generate the css sprite. Then the combined sprite image will be generated and displayed to you and also the required css and html code to use it on your site. Copy and paste this code to your site and download and add the generated image to your site.

To download the generated files directly as a zip archive, press on the “Download Zip Package” button.

If you press on the “Download Zip Package” button then in the Zip archive that you have downloaded, you will find a file called “Project.cssproj.zip“. This is the project file and you can use it to reuse your work later.

To open a project simply drag and drop the “Project.cssproj.zip” file and then press on the “Open Project” button that will appear.

You can also set the padding between the images of the sprite, the alignment of the sprite (horizontal or vertical) and also the css class prefix. Also, you can set the desired sprite image type (png,gif or jpg).