我注意到一些网站制作了从图标到按钮的各种图像的巨型拼贴。我可以找到的一个例子是Youtube。这是Youtube的“拼贴”示例。这些站点仅显示该图像的一部分，而不显示多个图像。
为了澄清起见，假设一个网站有五个图标，每个图标为10x10px。他们将制作一个50x10px的拼贴画，而不是单独显示它们，加载一张图像并显示该图像的五个单独的实例，但是每个实例仅显示需要的部分。例如，图片1可能是从0px宽度开始的10x10px图像，另一张可能是从20px宽度开始的10x10px图像，依此类推。
与分别加载每个图像相比，这样做有什么好处？由于浏览器仅加载一幅图像，因此我想它的加载速度比多幅图像要快。这是真的？
您在说的是CSS精灵。http://css-tricks.com/css-sprites/此页面应包含您需要的所有信息。基本上，是的，它速度更快-减少页面速度的HTTP请求较少。
这是有关同一主题的先前答案，将作更详细的介绍。https://stackoverflow.com/a/8050216/4317628
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句