身体标记需要背景图片建议

Question

我从我们的客户有一个新的网站布局。但是布局包含1280X1795像素的Landscape作为背景图像。而客户不想改变这种背景。

现在我的问题是将此图片用作背景的最佳做法是什么？

因此，页面速度也得到了优化，并且加载时间也得到了优化。

非常感谢。

Answer 1

如果图像没有改变的最佳解决方案是使用适应高速缓存控制蒙山htaccess的：http://www.askapache.com/htaccess/apache-speed-cache-control.html。

Answer 2

如果您正在为您的网站使用PHP，那么使用apc缓存机制将图像存储在缓存中，或使用任何框架使用框架的默认机制进行缓存。

Sanil小号

Answer 3

根据图像的，简单的图像压缩技术是什么，并选择正确的文件格式，可以极大地帮助。

如果你有自己的一个很好的模式，尝试找到它重复的地方，并裁剪图像的大小。然后，在您的网页你的CSS，只需添加对身体：

body { background: url("pattern.jpg") repeat-all; } 

如果您有重复只在一个方向，如“列”模式必须只重复向下的模式，然后使用

body { background: url("column.png") repeat-y #your-background-rgb-colour; } 

这将使其重复在页面上，但不会跨越。在整个页面上重复图像也是一样，只需使用repeat-x即可。

接下来是图像格式。现在，这是我们真正主观的地方，但这是我的承诺。你有四个主要的选择：

1. .JPG使用此为必须是照片般逼真的图像，没有任何颜色剪裁。对于网页浏览，通常您可以使用大约70％的质量。
2. .gif对于只需要一定数量的颜色的图像。 Gif图像可能非常小，但是会损失图像中不必要的颜色。
3. .png（Limited Palette）这个png格式的工作方式与我上面介绍的gif相同，但是在某些情况下这可能会产生一个较小的结果。
4. .png（Full-bit）与jpg类似，此png格式允许使用所有颜色和照片般逼真的图像。然而，它通常提供比jpg更大的图像，但压缩伪影较少（图像中的块状比特）。

只是玩弄压缩设置，你会发现一些令人满意的，但。

弥敦道C.