Working With CSS Sprites

Share this post!

Vote this!

Sprites are compiled versions of different creative parts of a website that typically has no need for repeating axises. Sprites are recommended to be used when ever possible to help cut down on HTTP requests to the server, and ultimately help speed up the performance of your website.

You should never include creative into a sprite that is page or content specific, or will need to be frequently updated. You absolutely can’t add creative that needs to be repeated on both the x and y value. You can however add creative that needs to be repeated by a single x or y axis, but only if you prepare the sprite so it indeed repeats from edge to edge of that sprites axis.

When thinking about how to organize my sprites, I tend to group everything into two parties:
A global look and feel sprite.
All other specific Case Scenarios sprites.

More...