Mar 7, 2010

CSS Sprites:What, Why and How

CSS Sprites is a technique can bring significant improvements by reduce your server load. Just now its good time to learn what they are, how they work and what tools can help you create and use the technique.

What and why

The term “sprites” comes from computer graphics. Its just - fetch a graphic into memory, display required parts of that graphic at a time (Using css background positioning). It is faster than having to fetch new images.

How

Here are some articles -
The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

CSS Sprites: Image Slicing’s Kiss of Death

and here is one useful tool to generate css sprites -
Css Sprite generator

Labels: css

By : Motyar+ @motyar