是否有背景图像的理想尺寸是多少？

Question

例如，将一个1x1图像负载比的2×2快？尺寸会更小，但是浏览器将不得不工作的两倍多，对吧？

那么，有没有一个理想的尺寸和形状（正方形VS矩形）用于背景图象？

我知道这可能不是太重要，但我很想知道。

感谢您

Answer 1

我不认为这是对你的形象的“理想”的大小。

虽然图像的质量将在下载时间的作用。相比另一个具有相同的尺寸与嵌入色彩丰富的图像将是在尺寸上重

最后一个背景图像的选择完全 取决于您的需要的。如果你需要一个2 * 2的图像，那么你必须包含。

如果您需要优化使用大量的背景图片的网站的性能，那么你可以看看

CSS子画面

和一些工具用于图像优化

12个真正有用的图像优化工具对于Web设计者

Answer 2

我注意到平铺非常小的图像（如1×1或2×2）是在许多浏览器很慢。由于与大多数压缩图像格式有几乎没有，即与重复，我认为至少在平铺图像的大缺点，你应该选择图像周围至少50×50像素，以减少UA绘制复杂性。

Answer 3

有趣的问题。你应该去问每一个浏览器厂商，因为他们每个人都有呈现图像的不同方式。

但在现实中，忽视了下载时间在渲染时间任何差别可以忽略不计，所以它是有道理的，如果你可以只使用一个较小的图像。

我还要指出明显，如果您使用的是1x1的重复图像，那么你应该使用背景颜色来代替。

Answer 4

在理想的大小将不同从一个浏览器到另一个，从一个系统到另一个。

避免使它过小或过大。背景图像的尺寸1x1的可能在某些浏览器呈现问题。你至少应该让几个像素在每个维度。

我记得网景4拒绝，如果他们不到像十个像素宽的重复图像。今天浏览器不太sensetive，但它仍然是有意义的不会使图像太小了。

图像（至少对于GIF和PNG图像）的压缩是基于重复，因此，如果使通过重复它的图像大，额外的图像大小将非常小的增加的文件大小。

Answer 5

只是要注意：如果你想加快下载，下载1x1图片对比的开销，比方说，10×10，可以忽略不计，尤其是对体面压缩图像 - 无论是对客户端和服务器

因此，由于呈现绝对越快/ 10×10具有更好的，去较大的图像尺寸。