Sprites Site speed Optimization

What is Sprites ?
Sprites is the method to reduce http request to download multiple images .
Normally browser downloads 2 images simultaneously.
So is you have 20 images , it download 2 at a time, and this will slow down the site loading speed.

In sprites you can put all small images to one gif/png . When you need to call one image block , you can call it from css.
user will see only the relevant image block from the multiple image png/gif.

Using this method you call only one image from the page instead of several images.

Below are the sites that you can easily generate sprite image and the css code block.
So you do not need any graphic design knowledge or css skills.

http://www.csssprites.com/

http://www.blogsdna.com/813/top-6-best-online-and-offline-css-sprites-generator.htm

http://www.phpied.com/css-sprites-generation-tool/

http://spritegen.website-performance.org/

http://www.blogsdna.com/5375/create-css-sprites-images-with-tonttu-desktop-tools.htm

Free CSS EBooks

Download as Post2PDF