使用CSS插入像Bing这样的背景图像

Question

我想将1024x768的图像作为背景并使用css快速加载。我可以使用

background(url....) 

在CSS中，但会解决下载图像quickl的问题吗？

感谢 让

Answer 1

记住你不能改变用户的DSL速度。所以CSS背景会很好。也许开始采取更高的JPEG压缩（在我的DSL灯网站顺便说一句，我恨。（全尺寸）背景图片）

Answer 2

文件最小化。如果你必须使用这种技术的话，记得压缩并缓存图像，这会稍微提高速度，但尝试并利用其他解决方案进行创意。

例如可以在x轴上重复背景吗？如果可以的话，您可以创建一个1px宽的版本，您可以在页面上重复该版本。

Answer 3

尝试搜索this。它有助于切断几KB的数据。 PNG Gauntlet也是一款用于PNG压缩的免费软件，它还可以削减伽玛校正，从而导致IE6和IE7出现问题。
身体背景图像通常以较低的质量保存，从而减小尺寸。 如果您的背景可以更改，请预先加载它们。这是通过在页面的开头放置零高度的div，并为每个分配背景图像样式来完成的。图像在开始时加载，所以当身体的背景被改变时，用户不会注意到滞后。
Google已经开始计算加载时间，所以经典的预加载会导致搜索引擎优化问题。加载JS后，页面完全加载后是一个选项，甚至在执行特定操作后用JS分配样式也是一种解决方案。