我注意到一些网站制作了从图标到按钮的各种图像的巨型拼贴画。我能找到的一个例子是 Youtube。 Here's Youtube 的“拼贴”示例。这些站点只显示此图像的一部分，而不是显示多个图像。
为了澄清，假设一个网站有五个图标，每个图标都是 10x10 像素。他们不会单独显示它们，而是制作一个 50x10 像素的拼贴画，加载一张图像并显示图像的五个独立实例，但每个实例只显示需要的部分。例如，图片 1 可能是从 0 像素宽度开始的 10x10 像素，另一个可能是从 20 像素宽度开始的 10x10 像素图片，等等。
与单独加载每张图片相比，这样做有什么好处？由于浏览器只加载一张图片，我想它加载它的速度比多张图片快。这是真的吗？
最佳答案
您所说的是 CSS Sprite 。 http://css-tricks.com/css-sprites/此页面应该包含您需要的所有信息。基本上，是的，它更快——减少页面速度的 HTTP 请求更少。
这是关于同一主题的更详细的先前答案。 https://stackoverflow.com/a/8050216/4317628
关于html - 显示单个图像还是显示图像拼贴的一部分？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27261583/