社交媒体图标——图像或 CSS 背景图像？答案

【问题标题】：Social Media Icons -- IMGs or CSS Background Images?社交媒体图标——图像或 CSS 背景图像？
【发布时间】：2011-06-25 23:24:58
【问题描述】：

我对将网站上大约 8 个社交媒体图标编码为 img 标签或带有 CSS 背景图像的锚点（使用 sprites）持犹豫态度。

我希望我能在这里做一个投票，但我很想听听大家的意见，你认为什么是最好的，为什么？

【问题讨论】：

【解决方案1】：

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

希望这会有所帮助。

【讨论】：

【解决方案2】：

这里有一个链接，说明何时最好使用 img 标签与使用 sprites 的 CSS 背景图像： When to use IMG vs. CSS background-image?

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

我提供的链接提供了一个更完整的答案（我的两点不在我的脑海中，我将上面的链接添加为书签并经常将其用作参考）。

【讨论】：

那个链接很棒，很好找。
谢谢！我通常只使用 IMG，因此有关 CSS 和 sprite 的详细信息会从我的脑海中浮现，我会在需要时参考该链接。或者另一个，但它不在 Stackexchange 家族中！