我想知道是否有人用背景图片做过任何测试.我们通常创建一个至少在一个方向(x或y或两者)重复的背景.
示例
假设我们有一个在X方向重复的渐变背景.梯度高度为400px.我们有几种可能性.我们可以创建尽可能小的图像(1像素宽和400像素高)或者我们可以创建400像素高的更大图像.
观察
由于梯度高达400像素,我们可能不会选择GIF格式,因为它只能存储256种自适应颜色.如果我们的渐变是微妙的,也许这是非常的,因为它没有那么多,但是否则我们可能宁愿将图像存储为24位PNG图像以保留完整的渐变细节.
困境
我们应该创建一个1×400像素大小的图像,水平重复n次,或者我们应该创建一个100×400像素大小的图像,以加快浏览器中的渲染速度并获得更大的图像文件大小.
所以.图像大小与渲染速度有关？哪一个获胜？有人关心测试吗？关于浏览器渲染速度和可能的小图像重绘闪烁...
例如,1x1图像加载速度是否比2x2快？尺寸会更小,但浏览器必须工作两倍,对吗？
那么,背景图像是否有理想的尺寸和形状(正方形与矩形)？
我知道这可能不太重要,但我很想知道.
谢谢