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

Question

我正在编码约8个社交媒体图标在网站上，作为img标签或使用精灵的CSS背景图像的锚点。

我希望我可以在这里做一个民意调查，但我有兴趣听到你所有你认为最好的，为什么？

Answer 1

这里的时候最好用的img标签与使用精灵CSS背景图像，解决一个链接： When to use IMG vs. CSS background-image?

它明确给出了实例时，与精灵CSS更好，因为CSS与精灵

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

我给的链接提供一个更完整的答案（我的两个点是从我的头顶，我书签上面的链接，并经常用它作为参考）。

Answer 2

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

希望这会有所帮助。