Why do so many web pages use one large picture (including all the small icons on the page) as the icon? _html/css_WEB-ITnose

I found that many web pages use large images to control the position through CSS to display only the small icons that need to be used. Why do you do this? Wouldn’t it be more troublesome when positioning the icons?

Reply to discussion (solution)

A picture is a file
Each file accessed by the browser is a link (one page is accessed at the same time There is an upper limit for links), and each link has performance and traffic overhead
,
. In addition, there are tools for merging images and generating corresponding css code. Of course it is troublesome to do it yourself
Query keywords CSS Sprites

Reduce the number of requests and reduce the pressure on the server

A picture is a file
Each file accessed by the browser is a link (there is an upper limit for links accessed at the same time on a page) , and each link has performance and traffic overhead
,
. In addition, there are tools to merge images and generate corresponding css code. Of course it is troublesome to do it yourself
Query keyword CSS Sprites