jquery - 整页背景图片尺寸建议

Question

我将让一个朋友为我正在创建的网站创建一个完整的页面背景图像，但我想知道我需要为他提供什么规格。你们推荐的最佳图像质量是什么，以使页面不会太慢。有最低/最高建议吗？背景图像应该以什么格式创建？图像应该是正方形（1 到 1）而不是矩形（1 到 2、2 到 1、1 到 3 等）吗？还有什么建议吗？

Answer 1

假设背景图像不会非常“细节密集”，您应该更多地关注图像质量设置，因为您可以在不显着质量损失的情况下减少文件大小。此外，我会推荐一个 jpeg 来完成这样的任务，因为它的文件大小通常比更大分辨率的 png 更小。

要选择您的分辨率，您应该尝试在 Google Analytics（分析）中查看针对与您相同的用户的网站，并查看大多数人通常的分辨率。假设 90% 的用户的分辨率为 1024x768 或更低，这超出了您针对该尺寸的目标。请记住，随着显示器变大，人们会停止全屏使用浏览器，因此，如果您看到访问者的分辨率为 2560x1440，这并不意味着他们的浏览器会以该分辨率运行。无论如何，对于该人群中剩下的 10%，放大图像应该是一个很好的折衷方案。

关于比例，我认为如果您针对桌面用户，1:1 毫无意义，但对移动设备很有用，因为您始终可以为视口设置纵向。同样，这取决于您的目标受众。