Google has this image uploaded to their "images" folder: http://www.google.com/images/srpr/nav_logo14.png What is the purpose of having an image containing multiple different images? Can someone please explain the purpose and concept of this to me? Thanks in advance.
Read some stuff about CSS sprites. Instead of loading several images you only load one image that is containing every image the site is using. It increases loading speed a lot.
basically put, it is soemthing that is referred to as css sprites. in simple words, consider you having 10 separate images all located in your images folder. now when these images are ebign doewnloaded, they would have to be downloaded separtely and you would be making 10 different http requests. but with the use of such css sprites, what you will have is just one single image, so there is only 1 http request so teh page can now load much faster
Ah, thank you. I can thoroughly see now why using a CSS sprite would increase the speed of loading a page. +Rep for you.