CSS - 单个图像文件与多个文件的优点

Ham*_*ish 4 css

我注意到现在有很多站点将所有图像都放在单个文件中然后使用background-position来偏移屏幕上显示的矩形.

这是出于性能原因吗?如果是这样的话?

Guf*_*ffa 10

这叫做CSS sprites.它的使用有几个原因:

  • 对服务器的请求较少.

  • 文件大小略小,因为大图像比单独的图像小一些.

  • 预加载图像,以便例如用于悬停效果的图像已经被加载,因为它使用与非悬停状态相同的图像.

缺点当然是管理和更新图像的工作量更大.