圖像精靈高度重要嗎？

Question

是否有任何問題，你能想到的具有圖像精靈是 30像素×27,900px

圖像幾乎是90％的白色空間。它只有9.5kb，但在瀏覽器中運行這樣的大事似乎並不正確。

想法或想法？

Answer 1

FWIW，當存在大量偏移時，瀏覽器性能似乎不會降低（例如，通過向左側放置10000px來隱藏DIV）。

圖像處理通常是用二維數組完成的，因此對圖像的任何部分的訪問都可以很容易地完成，而且不需要線性遍歷。所以如果你指出一個16×16像素的圖標位於5000,3000處，渲染引擎可以很容易地定位這些像素。

當然，兩個明顯的問題是：

1. 你爲什麼需要那麼多的空白？
2. 您是否測試過性能？

Answer 2

只是因爲它的9.5Kb在磁盤上，並不意味着它不會佔據瀏覽器，它具有解壓縮圖像才能顯示它的大量的內存。 （最終尺寸取決於使用的壓縮等）

因此，雖然它顯然會花費額外的連接，但我建議如果可能的話將其分解爲更小的圖像。