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

标签 html css http browser

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

如果我有一张同样漂亮的图片...如何将它设置为背景而不会使页面加载速度太慢?

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

谢谢!

最佳答案

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

如果可以的话,尽量选择大约 100kB 或小于 100kB 的内容。即使这样也可能会延迟一段时间,具体取决于其他因素。

关于html - 如何在不花费大量页面加载时间的情况下获得漂亮的背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5541367/

相关文章:

html - Play Store SearchBar 可变宽度

java - 用于测试 REST Web 应用程序的 JBehave

c# - 将 Page.Request 传递给 Web 服务?

javascript - 如何在运行时从另一个列表填充选择列表?

javascript - 当用户向下滚动时更改 CSS 显示。没有 jQuery

html - 自动调整背景图像大小以适应较小的窗口和移动设备 - HTML/CSS

javascript - 尝试使用自动调整大小

html - 有没有更有效的方法来制作多步动画?

css - 尽管使用背景图像和 Z-Index,侧边栏标题重叠

常规 http 页面中的 https 链接会导致任何问题吗?