我注意到一些网站制作了从图标到按钮的各种图像的巨型拼贴画。我能找到的一个例子是Youtube。 Here's Youtube＆＃34;拼贴画＆＃34;的一个例子。这些网站仅显示此图像的一部分，而不是显示多个图像。
澄清一下，一个网站有五个图标，每个图标为10x10px。他们不是单独显示它们，而是制作一个50x10px的拼贴画，加载一个图像并显示五个单独的图像实例，但每个实例只显示所需的部分。例如，图像1可能是从0px宽度开始的10x10px，另一个可能是从20px宽度开始的10x10px图像，等等。
与单独加载每张图片相比，这有什么好处？由于浏览器只加载一个图像，我想它加载它比多个图像更快。这是真的吗？
答案 0 :(得分：1)
你所说的是CSS精灵。 http://css-tricks.com/css-sprites/此页面应包含您需要的所有信息。基本上，是的，它更快 - 减少HTTP请求以减慢页面速度。
以下是关于同一主题的前一个答案，更详细。 https://stackoverflow.com/a/8050216/4317628
