Simple introduction: CSS picture flattening (CSS sprites) can effectively reduce the number of HTTP connection requests for picture files. Multiple pictures will be merged into one large picture file with a certain spacing. The elements that use these pictures on the page will use the CSS property of Background-position to display the specified position in the flattened picture. This technology can effectively improve website performance, especially when there are many small pictures on the page, such as a lot of menu bar icons.
Here is a realazy CSS sprites technical details, CSS sprites was translated into a CSS picture, I hope you do not protest: P has a better translation method welcome everyone to put forward ^^
below to introduce a CSS image flattening generator, will be many small pictures packaged into a zip file, upload, you can automatically generate a flattened picture and CSS rules, but also customize the background color, whether the background is transparent, CSS selector prefix and so on, powerful ^ ^
Well, why should we introduce it? Because the Chinese interface is my translation, there are any better translation suggestions please put forward.
Translated text can be checked out from the http://cssspritegeneratorchinese.googlecode.com/svn/location on Google code.
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.
