How CSS Sprites integrates web images

The Forum mentioned the following question: "What are the advantages of css technology that uses a background image as a page ?"

Briefly introduces the advantages of CSS Sprites:

It takes a long time for a user to copy 200 images to a USB flash drive. However, copying an object will be much faster.

CSS Sprites aims to reduce the number of requests to the server by integrating images to accelerate page loading.

Implementation Method:

First, integrate the small image into a large image.

Then, locate the background based on the position of the specific icon on the big image. Background-position:-8px-95px;

Source: http://uicss.cn/css-sprites/