背景图像有理想的尺寸吗?

时间:2009-10-01 13:36:41

标签: css background-image

例如,1x1图像加载速度是否比2x2快?尺寸会更小,但浏览器必须工作两倍,对吗?

那么,背景图像是否有理想的尺寸和形状(正方形与矩形)?

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

谢谢

5 个答案:

答案 0 :(得分:4)

我认为您的图片没有'理想'尺寸。

虽然图像的质量会在下载时间中起作用。嵌入丰富色彩的图像与相同尺寸的图像相比尺寸较大。

最后,完全 选择背景图片取决于您的需求 。如果您需要2 * 2图像,则必须包含该图像。

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

CSS sprites

和一些图像优化工具

12 Really Useful Image Optimization Tools For Web Designers

答案 1 :(得分:3)

我注意到在许多浏览器中平铺非常小的图像(例如1×1或2×2)非常慢。由于大多数压缩图像格式几乎没有重复大的缺点,我认为至少对于平铺图像,您应该选择至少50×50像素的图像,以降低UA中的绘图复杂性。

答案 2 :(得分:2)

有趣的问题。您必须询问每个浏览器供应商,因为他们每个人都有不同的呈现图像的方式。

但实际上,忽略下载时间,渲染时间的任何差异都可以忽略不计,因此如果可以的话,只使用较小的图像是有意义的。

我还要指出,如果你使用1x1重复图像,那么你应该使用背景颜色。

答案 3 :(得分:2)

理想的大小因浏览器而异,从一个系统到另一个系统。

避免太小或太大。大小为1x1的背景图像在某些浏览器中可能会出现渲染问题。你至少应该在每个维度上做几个像素。

我记得Netscape 4拒绝重复图像,如果它们的宽度小于10像素。今天的浏览器不那么敏感,但是不要让图像太小也是有意义的。

图像的压缩(至少对于GIF和PNG图像)是基于重复的,因此如果通过重复图像使图像变大,额外的图像尺寸将对文件大小增加很少。

答案 4 :(得分:2)

请注意:如果您正在尝试加快下载速度,那么下载1x1图像与10x10相比的开销可以忽略不计,特别是对于适当压缩的图像 - 无论是客户端还是服务器。

因此,由于使用10x10渲染肯定更快/更好,因此请选择更大的图像尺寸。