Free Online CSS Sprite Generator

Overview

Sprites are images containing multiple images used for display in websites. The methodology in using a sprite is to limit the number of http requests a browser makes when loading your pages. This increases load times, is controlled by CSS and page load time increases with the browser caching of the sprite rather than multiple cache loads of individual images.

Online Sprite Generation

The online CSS sprite generator by Project Fondue automates the process of putting together a sprite of your websites icons and template elements. Simply gather all the individual graphic images together in a folder -> .zip the file -> upload to the site and it will generate a sprite for you to download, and also the CSS selectors to implement into your stylesheet declaring the appropriate width, height, and positions of the graphics in the sprite.

Visit the Free Online CSS Sprite Generator