全页背景图片大小建议

  • 本文关键字:背景图片 jquery css
  • 更新时间 :
  • 英文 :


我要有一个朋友为我正在创建的网站创建一个完整的页面背景图像,但我想知道我需要为他提供什么规格。什么是最好的图像质量,你们推荐的页面不会减慢太多。有最低/最高的建议吗?背景图像应该以什么格式创建?图像应该是正方形的(1对1)而不是矩形的(1到2,2到1,1到3,等等)?还有其他建议吗?

假设背景图像不是非常"细节密集",你应该更多地关注图像质量设置,因为你可以在没有任何明显质量损失的情况下削减相当多的文件大小。此外,我建议使用jpeg来完成这样的任务,因为在较大的分辨率下,它的文件大小通常比png小。

要选择你的分辨率,你应该尝试检查谷歌分析的网站,目标用户与你的相同,看看什么是大多数人通常的分辨率。假设90%的用户的尺寸为1024x768或更低,那么你的目标尺寸就无法达到。请记住,随着显示器变大,人们不再使用浏览器的全屏,所以如果你看到访问者使用2560x1440,这并不意味着他们的浏览器在该分辨率下运行。无论如何,对于剩下的10%的人来说,放大图片应该是一个很好的妥协。

关于比例,我认为如果你的目标是桌面用户,1:1是没有意义的,但对于移动设备来说很有用,因为你总是可以为视窗设置一个纵向方向。同样,这取决于你的目标受众。

最新更新