CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数。多个图片将以一定间距合并为一个大图片文件。页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。
这一技术可有效提升网站性能。尤其是网页上有众多小图片时,如许多菜单栏图标。Yahoo!首页是使用此技术的一个实例。
使用该工具:CSS Sprite Generator
CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数。多个图片将以一定间距合并为一个大图片文件。页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置。
这一技术可有效提升网站性能。尤其是网页上有众多小图片时,如许多菜单栏图标。Yahoo!首页是使用此技术的一个实例。
使用该工具:CSS Sprite Generator