例如,1x1图像加载速度是否比2x2快?尺寸会更小,但浏览器必须工作两倍,对吗?
那么,背景图像是否有理想的尺寸和形状(正方形与矩形)?
我知道这可能不太重要,但我很想知道。
谢谢
答案 0 :(得分:4)
我认为您的图片没有'理想'尺寸。
虽然图像的质量会在下载时间中起作用。嵌入丰富色彩的图像与相同尺寸的图像相比尺寸较大。
最后,完全 选择背景图片取决于您的需求 。如果您需要2 * 2图像,则必须包含该图像。
如果您需要使用大量背景图片来优化网站的性能,那么您可以查看
和一些图像优化工具
答案 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渲染肯定更快/更好,因此请选择更大的图像尺寸。