A Brief Introduction: CSS Sprites can effectively reduce the number of HTTP connection requests for image files. multiple images are merged into a large image file at a certain interval. the elements that use these images on the page will use the CSS attribute background-position to display the specified position in the image. This technology can effectively improve website performance, especially when there are many small pictures on the webpage, such as many menu bar icons.
Here is a detailed introduction to the CSS Sprites Technology of realazy. I have translated CSS Sprites into CSS image concatenation. I hope you will not protest against it: P has a better translation method.
Next we will introduce a CSS image concatenation generator, which packs a large number of small images into ZIP files and uploads them to automatically generate the spliced images and CSS rules, and customize the background color, whether the background is transparent and the front and suffix of the CSS selector are powerful ^
Er, why? Because the Chinese interface is translated by me, Please provide any better translation suggestions.
The translated text can be checked out from the http://cssspritegeneratorchinese.googlecode.com/svn/ location on Google Code.
Http://spritegen.website-performance.org /? Action = home & lang = Cn