社交媒體圖標 - 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更新更簡單。

希望這會有所幫助。