<分区>
标签 css
<分区>
如果我有一个大图像用作我的 html 页面的 background-image
,如何使整个页面加载速度更快?拥有大型背景图像的最佳做法是什么?
谢谢
最佳答案
最佳做法是使用较小的背景图像。如果您有重复的背景图像,请尽量将其限制为最小的重复单元; CSS 会自动在 x 和 y 方向无限重复图像。 '
如果您有一张不重复的背景图片,那么您显然无法裁剪图片以使其变小。在这种情况下,您可能需要设置 background-size:cover
和 background-repeat:no-repeat
以便整个图像填满整个屏幕而不重复。这里的最佳做法可能是使用一些高压缩文件,例如 JPEG 而不是 PNG。
关于css - 整页 CSS 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14188555/