CSS平铺背景图像的最佳尺寸

Question

经常声明，当使用背景图像平铺网页的背景时，由于需要平铺较少的图像，因此对于较大尺寸的图像，性能会更好。有一段时间我一直把它们制作成8x8像素，或者是8的倍数。

但有没有人有数据链接证明这种情况在各种浏览器中是这种情况，在渲染时间或在各种页面渲染点处加载CPU负载？

Answer 1

我认为在您评论中列出的这些现代浏览器中，这一点很重要：

  

IE 8/9，以及最新版本   火狐/ Safari浏览器/丁目/歌剧

但是，我在IE8中听说过一个完全符合1px * 1px大小的图像的错误：

  

Internet Explorer 8无法执行   重复1x1像素   半透明背景图像   当任何其他元素开启时正确   该页面使用的是“-ms-filter”   为alpha透明度做好准备：

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

请参阅：http://nemesisdesign.net/blog/coding/ie8-1x1px-semi-transparent-background-bug/
和演示：http://static.nemesisdesign.net/demos/ie9-1x1px-semi-transparent-background/

所以，8x8似乎足够好用。如果Internets上的任何人都非常关心这一点，那么我会感到惊讶。

---

我确实找到了这个，讨论了这个问题：
http://blogs.adobe.com/dreamweaver/2011/02/optimal-css-tiled-background-image-size.html

请务必阅读评论。

总结一下，我将在几个月前引用自己：

  

我认为在您列出的现代浏览器[IE 8/9，以及最新版本的Firefox / Safari / Chome / Opera]中它很重要   在你的评论中。

Answer 2

在某些电子邮件客户端中，除非背景图片至少为25X25，否则图像不会重复，所以我已将其确定为默认尺寸。

Answer 3

我认为没有“最佳尺寸”，但一般认为较大尺寸优于小尺寸：请参阅this question和this one too。