CSS Sprite is the best way to merge multiple images into a single image and use it on the web page. Following this way, would significantly reduce the loading time of the web page. But CSS positioning is quite complicated for CSS beginners and most of the time they mess up with it. Thanks to Spritemapper a new tool that generates CSS positioning for the corresponding images and helps us to create CSS sprite image easily.
Highlights
Improve loading times. Only 10% of a webpage’s loading time is due to the actual page—the other 90% is spent downloading styles, scripts and images. By reducing the amount of images and better utilizing the connection, CSS spritemapping can reduce your website’s loading time.
Just plain old CSS. You don’t have to write any extra syntax to make Spritemapper work. Just define the directories of images you want spritemapped and use the CSS background declaration as usual.
Batteries included. The package consists of a simple command-line tool that does the job via a Python package including its own PNG and CSS parser. There are no 3rd-party dependencies. Anybody who has ever had the pleasant job of installing PIL should have a pretty good idea about what we’re trying to avoid.
No space wasted. Spritemapper’s image packer implements simulated annealing to ensure that the images are packed tightly.
Spritemapper is not an web app, users need to install and configure it. For more information refer to the developer page.
