iPad Pro显示屏的优化网页图像分辨率

时间:2016-04-24 07:33:40

标签: ios image ipad responsive-design photoshop

我为响应式网站创建标题图片(全屏宽度)。

什么是最佳分辨率,在12.9" iPad Pro?

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

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

在横向模式下在iPad Pro上观看时,我不希望它看起来像素化。

1 个答案:

答案 0 :(得分:7)

iPad Pro实际上有2732 x 2048像素用于显示屏幕,但我们用户将其视为1336x1024显示器。

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

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

我团队中的人员经常发现以1x设计它是有用的,但要确保文档中的所有光栅图像都转换为智能对象,这样它们可以缩放到2倍而不会丢失质量,然后以72dpi输出以利用Photoshop中的(现在遗留的)Save for Web工具