可能重复：
单个图像文件存储页面上的所有小图像
嘿，
Facebook 正在将其页面上的所有图形保存在一张图片中。AddThis也是如此。他们为什么这样做？如何使用相同的技术并使用 JavaScript 剪切图像？
问问题
349 次
2 回答
5
它们被称为CSS Sprites。它减少了加载页面的请求数量，从而减少了加载时间。该站点可以将某物的背景设置为图像的一小部分。
于 2011-02-05T21:45:22.710 回答
4
他们这样做是为了节省连接开销（否则浏览器会为每个图像打开一个连接〜如果未缓存）。
您不需要 javascript 来剪切图像：使用标准 CSS 定位来显示图像的特定部分。
于 2011-02-05T21:44:07.593 回答