我打算请一位 friend 为我正在创建的网站创建整页背景图片，但我想知道我需要向他提供哪些规范。你们推荐的最好的图像质量是什么，这样页面不会被放慢太多。任何最小/最大建议？应该以什么格式创建背景图像？图像应该是正方形(1 到 1)而不是矩形(1 到 2、2 到 1、1 到 3 等)吗？还有其他建议吗？
最佳答案
假设背景图像不会非常“注重细节”，您应该更多地关注图像质量设置，因为您可以大大减少文件大小而不会造成任何明显的质量损失。另外，我会推荐 jpeg 来完成这样的任务，因为在分辨率更高的情况下，它的文件大小通常比 png 小。
要选择您的解决方案，您应该尝试检查 Google Analytics(分析)以查找与您的目标用户相同的网站，并了解大多数人通常采用的解决方案。假设 90% 的用户拥有 1024x768 或更低的尺寸，这超出了您的目标尺寸。请记住，随着显示器变大，人们会停止使用全屏浏览器，因此如果您看到访问者使用 2560x1440，这并不意味着他们的浏览器以该分辨率运行。无论如何，对于该人群中剩下的 10%，升级图像应该是一个很好的折衷方案。
关于比率，我认为如果您针对桌面用户，1:1 毫无意义，但对移动设备很有用，因为您始终可以将视口(viewport)设置为纵向。同样，这取决于您的目标受众。
关于jquery - 整页背景图像尺寸建议，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14427664/