CSS Sprite : namely CSS Sprite, was also called CSS sprites, CSS is an image merging technique, which is a small icon and background images incorporated into the picture, and then use background positioning css to display the picture to be displayed section.
Sprite Figure advantages and disadvantages:
Advantages: The picture becomes a sure position occupied less, reducing load time, enhance the user experience; as a designer for a variety of small icons without name, reduce the workload, then one is to change the style of the whole operation is easier.
Cons: At the same time the size of the background, prone to fracture, compared with not a direct replacement for photos, but to use PS to measure every good location, some of the tedious part, of course, need to change some elements of the overall action, but also a bit more tricky.
Overall: sprites technology is applicable to the case on the opposite page icon will not change, like frequently used to update the zone changes, the replacement of the picture, and so is not recommended.