如何在不产生大量页面加载时间的情况下获得漂亮的背景图像?

时间:2011-04-04 16:22:18

标签: html css http browser

示例:mail.yahoo.com在其主登录表单下方有一个非常漂亮的背景图片。

如果我有一张同样漂亮的图片......如何在不使页面加载太慢的情况下将其设置为背景?

我需要多大的文件大小才能开始担心这个问题?

谢谢!

3 个答案:

答案 0 :(得分:2)

  • 在jpeg中使用大量压缩 创建图像时的设置。 (JPG可能是最好的 格式)
  • 保持整体对比度低 图像。
  • 避免使用复杂的纹理(如果是,则会模糊 必要的),选择更多渐变式 形式。

拍摄大约或小于100kB的东西,如果你可以摆动它。即便如此,根据其他因素,也可能会有一些延迟。

答案 1 :(得分:2)

为了将图像大小保持在最低限度,您可以使用Yahoo的Smush It(http://www.smushit.com/ysmush.it/)这样的程序。

它会删除图像中的任何不必要的字节,而不会失去任何质量,使图像尽可能小。

答案 2 :(得分:1)

检查:

http://httparchive.org/interesting.php

网页的平均图片大小为450KB(所有图片的总图片数)。只要确保你没有超过平均水平,你应该没事。