多屏背景图像大小

Question

我正在从事一个图像重型网站，基本上有三个设计的多个屏幕：智能手机，平板电脑和桌面。

本网站的主要特点是背景/全屏图像。有没有人有关于这些背景图片应该是建议的尺寸的建议？

它们都将是渐进式jpegs，因为它似乎是most sensible path for resizing and optimisation。

处理不同的图像尺寸将是另一个测试，但本质上它似乎是明智的在客户端处理它，因为这种设计允许礼貌加载器。

Answer 1

我将在2048×1536，视网膜MAC本书的亲建议格式化非视网膜手机如iPhone 3GS的在分辨率480x320，视网膜iPhone 5在1136x640，视网膜的iPad在2880x1800艺术 。然后设置媒体查询，为非视网膜ipad，标准桌面（默认图像）以及在Nexus 10附近显示MBP视网膜（2560x1600）显示器选择最佳尺寸。

对于背景图片，您将需要使用媒体查询。对于全屏图像，我所做的是实现一个JavaScript模块，它允许您模仿响应式图像社区组提出的picture element。或者，如果你愿意，你可以去“srcset”路线。