CSS 图片拼合

            使用jquery ui,bootstrap的时候,看到多张小图压缩成的一张大图,在css中通过background-position定位,以前一直不知道图片怎么压缩的,今天才发现这个网站可以实现这个。http://cn.spritegen.website-performance.org/ 

CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用background-position 这一 CSS 属性来显示拼合图片中的指定位置.

这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标. Yahoo! 首页是使用此技术的一个实例.

你可能感兴趣的:(CSS 图片拼合)