CSS平鋪背景圖像的最佳尺寸

經常聲明，當使用背景圖像平鋪網頁背景時，由於需要平鋪的頻率較低，因此較大尺寸的圖像的性能會更好。一段時間以來，我一直使它們成爲8x8像素或8的倍數。CSS平鋪背景圖像的最佳尺寸

但是沒有人有鏈接到數據證明這是跨瀏覽器的情況下，在渲染時間或CPU負載頁面渲染點數？

2011-02-08 Andy Hume

這在瀏覽器之間會大不相同。也許增加哪些是你最感興趣的 – 2011-02-08 11:55:58

最感興趣的是IE 8/9以及最新版本的Firefox/Safari/Chome/Opera。 – 2011-02-08 11:59:19

我不認爲有一個「最佳尺寸」，但一般的觀點是，較大的尺寸比較小的更好：見this question和this one too。

2011-02-08 12:08:17 Kyle

當然，我知道這是一般意見。我相信它也是如此。我特別關注的是證明它的數據和例子。 – 2011-02-08 12:16:29

我想像它在您在您的評論中列出這些現代的瀏覽器很重要的一點：

IE 8/9，和火狐/ Safari瀏覽器/丁目/歌劇

最新版本

不過，我聽說在IE8中的一個錯誤，當涉及到確切大小1px * 1px的圖像：

Internet Explorer 8中不執行 1x1像素的重複半透明背景圖像正確當任何其它元件上頁是使用「-MS-濾波器」 drective爲alpha透明度：

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

所以，8x8似乎是一個好足夠的尺寸來使用。如果互聯網上的任何人對此有足夠的關注，那麼我會很驚訝，並嚴格地對其進行基準測試。

請務必也可以參考意見。

概括起來講，我打算從幾個月前引用自己：

我想像它在[的]現代瀏覽器[IE 8/9，以及最新版本的事項很少Firefox/Safari/Chome/Opera]您在評論中列出了。

2011-02-08 12:18:20 thirtydot

在一些電子郵件客戶端中，除非背景圖像至少爲25X25，否則圖像不會重複，因此我已將其作爲默認大小解決。

2011-03-29 01:26:59 peer1sucksbigones

回答