css - 当前的 Google 主页 - 为什么使用 css sprite 而不是单个图像？

Question

看看此刻显示的 Google 主页。下面提供了屏幕截图。

谷歌没有将其用作单个图像，而是使用了 css sprite。 Sprite 图像

提供如下(尺寸已更改):

问题是为什么使用 css sprite 而不是单个图像？如果使用单个图像，那么 HTTP 请求的数量是否与此 css Sprite 案例中的相同？

Answer 1

单个图像不允许在不同区域出现(不同的)悬停效果。

或者您必须为每个动画加载相同大小的图像。通过使用 Sprite ，您只需加载一次图像，所有动画都会使用该数据运行。