Multiple icons stored in one image file [closed]

Question

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.

Closed 8 years ago.

Is it possible to store multiple small images or icons as parts of a single image, so that my webpage can get all the icons it needs from a single GET request. This would help my page load faster.

This is an example of the sort of composite image I'm referring to:

http://oi40.tinypic.com/2saaxac.jpg

It seems to me that it is some kind of array of images put into one file. I'm hoping there is some way that i can use each individual icon in the image in a project.

Answer 1

These are called sprite sheets, there's a great article about them on css-tricks that should help you understand how they work on the web.

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