html - How much more efficient is one big image rather than many small images. Facebook style

Question

So I was looking at the facebook HTML with firebug, and I chanced upon this image and came to the conclusion that facebook uses this large image (with tricky image positioning code) rather than many small ones for its graphical elements. Is this more efficient than storing many small images?

Can anybody give any clues as to why facebook would do this.

question from:https://stackoverflow.com/questions/1334443/how-much-more-efficient-is-one-big-image-rather-than-many-small-images-facebook

Answer 1

These are called CSS sprites, and yes, they're more efficient - the user only has to download one file, which reduces the number of HTTP requests to load the page. See this page for more info.