css - 整页 CSS 背景图片

标签 css

<分区>

如果我有一个大图像用作我的 html 页面的 background-image,如何使整个页面加载速度更快?拥有大型背景图像的最佳做法是什么?

谢谢

最佳答案

最佳做法是使用较小的背景图像。如果您有重复的背景图像,请尽量将其限制为最小的重复单元; CSS 会自动在 x 和 y 方向无限重复图像。 '

如果您有一张不重复的背景图片,那么您显然无法裁剪图片以使其变小。在这种情况下,您可能需要设置 background-size:coverbackground-repeat:no-repeat 以便整个图像填满整个屏幕而不重复。这里的最佳做法可能是使用一些高压缩文件,例如 JPEG 而不是 PNG。

关于css - 整页 CSS 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14188555/

上一篇:html - 如何删除水平滚动条 CSS3

下一篇:html - CSS block 高度

相关文章:

html - 父元素切换显示属性的子元素上的 CSS 过渡

css - 根据媒体查询更改变量值

html - 溢出时增加 <div> 高度

javascript - Bootstrap显示flex和javascript windows.load

javascript - 我有一个基于计数器的 if/else 语句,但由于某种原因,else 不起作用

javascript - 边界不适用于 JS 游戏中的球

javascript - 将所有主体元素的颜色更改为目标值

css - 如何使用CSS将图像固定在文本之上

javascript - 给 Bootstrap 菜单上色并激活它

html - 使子div成为父div的高度