PNG \圖片 - 定位

Question

我已經看到了使用這些類型的圖像，那麼人們定位他們，讓他們有一個按鈕，你知道我的意思

• 爲什麼會是這樣呢？
• 有什麼好處？

Answer 1

它可以避免瀏覽器發出大量小HTTP請求，從而減慢頁面加載速度。它也傾向於略微減少瀏覽器上的資源消耗 - 這在受限制的設備上可能很重要 - 並且對受限制的緩存更友善，因爲一張大圖像通常比單張圖像的總和要小得多。

Answer 2

它被稱爲'css sprites'，它的完成是因爲優化。

像這樣，瀏覽器只需要加載一個（較大的）圖像而不是很多小圖像。這提高了網站的速度。

與分離的小圖像相比，單個圖像的大小通常較小。