The Ultimate Toolbox for creating
amazing web sites!

CSS Sprite Image

An image sprite is a collection of images put into a single image. Using image sprites will reduce the number of server requests and save bandwidth. Basically you combine all the images into one image and specify which part of this image will be visible by using the offset and  width/height properties. Now you can use multiple instances of the CSS Sprite extension which all use the same image, each with different offset.

More information about the CSS Sprite technique can be found here: http://www.w3schools.com/css/css_image_sprites.asp
Download (Last update: November 23, 2012)
CSS Sprite Image Extension