社交媒体图标 - IMG或CSS背景图像？

Question

关于将网站上的8个社交媒体图标编码为img标签或使用带有精灵的CSS背景图像的锚点，我正在蠢蠢欲动。

我希望我能在这里进行一次民意调查，但是我很想听到你认为最好的一切以及为什么？

Answer 1

这是一个链接，解决了何时最好使用img标签与使用sprite的CSS背景图片： When to use IMG vs. CSS background-image?

它特别给出了具有精灵的CSS更好的实例，因为带有精灵的CSS

1. 加载速度更快
当您只想部分显示图像时，可以使用
2. 。

我给出的链接提供了一个更完整的答案（我的两点不在我的头上，我将上面的链接加入书签并经常用它作为参考）。

Answer 2

我认为，就我的偏好而言，我喜欢使用精灵。主要是因为您可以将所有图标放在一个图像文件中，然后将背景图像移动到位置，然后用户只需下载（缓存）一个文件。这意味着服务器上的请求减少，等待的文件减少而且您只能预加载一个文件。 IMO，更新更容易。

希望这有帮助。