身体标签背景图像建议要求

Question

我的客户有新的网站布局。但布局包含1280X1795pxs Landscape作为背景图像。而客户不想改变这种背景。

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

这样也可以优化页面速度，并且还可以优化加载时间。

非常感谢。

Answer 1

如果此图像不必更改，则最佳解决方案是使用适应的缓存控制htaccess：http://www.askapache.com/htaccess/apache-speed-cache-control.html。

Answer 2

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

Sanil S

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（限量调色板）此png格式的工作方式与我上面介绍的gif相同，但在某些情况下，这会产生较小的结果。
4. .png（全位）与jpg类似，此png格式允许所有颜色和照片般逼真的图像。然而，它通常提供比jpg更大的图像，但具有更少的压缩假象（图像中的块位）。

只需使用压缩设置，你会发现一些令人愉悦的东西。

Nathan C。