简单介绍下：CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标.
这里有一篇Realazy的CSS Sprites技术详细介绍，CSS Sprites被我生生译成了CSS图片拼合，希望大家不要抗议：P 有更好的译法欢迎大家提出 ^^
下面给大家介绍个CSS图片拼合生成器，将众多小图片打包成ZIP文件，上传上去，即可自动生成拼合后的图片和CSS规则，还可以自定义背景色，是否背景透明，CSS选择器的前后缀等，功能强大^ ^
呃，为什么要介绍呢？因为中文界面是我翻译的，有任何更好的翻译建议请提出。
翻译文本可以从Google Code上 http://cssspritegeneratorchinese.googlecode.com/svn/ 位置检出。
http://spritegen.website-performance.org/?action=home&lang=cn

评论 (0) All

登陆 还没注册？