Fullpage.JS背景图像的理想图像大小

Question

我正在使用fullpage.js来创建视差网站，但我想的是我可以在每个部分使用背景图像的理想图像尺寸。

如果图像太大，则会花费更多的加载时间，但是当图像太小时，可能会牺牲图像的质量，所以我正在寻找理想的图像尺寸。

Answer 1

您可以使用基于比率16：9的图像，这通常是1.777个单位到1个单位。一个非常好的合理尺寸可以是1920 x 1080从photoshop或任何其他软件保存为网络1440 x 900是一个很好的尺寸，但你会发现它有点模糊21“加屏幕

Answer 2

您可以使用CSS 3 media queries加载一个或另一个背景图像，具体取决于视口的分辨率。

在移动设备中加载网站时，这将有很大帮助，并且不会为小型笔记本电脑加载大量图像。

此外，您可以使用this lazy load technique动态加载背景。这样，您就不会在不可见的部分加载图像。