CSS sprites

[ellys]

when i check my websita at online website tools checker.
they said i must combine my images to CSS sprites in order to reduce Https request and improving pages loading.
but when i read about that i still don't understand about it.
can you explain to me with ??
is CSS sprites combine some pitcure to be 1??
like . exam1.gif and exam2.gif to be combined.gif??
thanks

[J. H. Rasmussen]

Well, forexample, instead of having four corner images to design corners of some kind of a box on a webpage, which would use four http requests, you could create one image with all four corners in it, and then use css to chose which part of the image to use where.

Here is a link to an example:
http://kyleschaeffer.com/tutorials/k...tml-no-script/

[ellys]

oh..then we should rewrite CSS code for CSS ?

[J. H. Rasmussen]

It was just an example of how to reduce http requests by using css. But, yes, if you want to use less images, by using css, and don't already do that, then you will need to make some changes to your websites css.

[ellys]

oh...
maybe i will do that when i get master CSS and HTML..hahaha.
thanks mate.
that was awsome explain.^^

[JohnnyS]

i find this tutorial of css tricks easy to understand regarding sprites..

http://css-tricks.com/css-sprites/

it's a bit tricky to do but it would be a big help in optimizing your site..