我正在开发一个图像重的网站，该网站基本上具有三种多屏幕设计：智能手机、平板电脑和台式机。
该站点的主要功能是背景/全屏图像。有没有人对这些背景图像的建议尺寸有任何建议？
它们都将是渐进式 jpeg，因为这似乎是调整大小和优化的最明智的途径。
处理不同的图像大小将是另一个测试，但本质上在客户端处理它似乎是明智的，因为这种设计允许礼貌的加载器。
问问题
1345 次
1 回答
0
我建议对非视网膜手机进行格式化，例如480x320的 iPhone 3Gs、 1136x640的视网膜 iPhone 5、2048x1536的视网膜 iPad、2880x1800的视网膜 mac book pro 。然后设置您的媒体查询，为非视网膜 ipad、标准桌面（您的默认图像）和在 MBP 视网膜 (2560x1600) 附近有显示器的 Google Nexus 10 选择最佳尺寸。
对于背景图像，您将需要使用媒体查询。对于全屏图像，我所做的是实现一个 JavaScript 模块，该模块允许您模仿响应图像社区组提出的图片元素。或者，如果您愿意，可以走“srcset”路线。
于 2013-01-08T21:18:45.137 回答