为 iPad Pro 显示屏优化了网络图像分辨率

Optimized web image resolution for iPad Pro display

我正在为响应式网站创建 header 图片(全屏宽度)。

在 12.9" iPad Pro 上仍然看起来不错的最佳分辨率是多少?

我的正常工作流程是在 Photoshop 中以 72 PPI 创建图像。

规格显示它的分辨率为 2732 x 2048,每英寸 226 像素。

我不希望在 iPad Pro 上以横向模式查看时看起来像素化。

iPad Pro 实际上有 2732 x 2048 像素用于显示屏幕,但我们用户看到它呈现为 1336x1024 显示。

所以这意味着如果您想要在 iPad Pro 屏幕上占用 100px 的图像,您需要使用 72dpi 的 200px (2x) 图像来获得视网膜清晰度。或者,226dpi 的 100pt(点)图像。

因此,对于 iPad Pro 的全尺寸图像,您需要以 2732x2048、72dpi 的分辨率输出图像

我团队的人经常发现以 1x 进行设计很有用,但要确保将文档中的所有光栅图像都转换为智能对象,这样它们就可以在不损失质量的情况下缩放到 2x,然后以 72dpi 输出以拍摄利用 Photoshop 中的(现在是旧版)Save for Web 工具