iPad Pro显示屏的优化网页图像分辨率 [英] Optimized web image resolution for iPad Pro display

查看:318
本文介绍了iPad Pro显示屏的优化网页图像分辨率的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I'm creating a header image (full screen width) for a responsive website.

在12.9英寸iPad Pro上,最佳分辨率仍然很好?

What's the optimal resolution that will still look good on the 12.9" iPad Pro?

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

My normal workflow is to create an image at 72 PPI in Photoshop.

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

The specification shows that it has a resolution of 2732 x 2048 at 226 pixels per inch.

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

I don't want it to look pixelated when viewing on iPad Pro in landscape mode.

推荐答案

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

iPad Pro actually has 2732 x 2048 pixels that it uses to display the screen but we the user sees this rendered as a 1336x1024 display.

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

So what this means is if you want an image that takes up 100px on the iPad Pro screen you need to use a 200px (2x) image at 72dpi to get that retina sharpness. Alternatively, a 100px image at 226dpi.

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

So for a full size image for iPad Pro you would want to output your image at 2732x2048 at 72dpi

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

People on my team often find it useful to design at 1x but ensure that all raster images in a document are converted to Smart Objects so they can be scaled back up to 2x without quality loss and then output at 72dpi to take advantage of the (now legacy) Save for Web tools in Photoshop

这篇关于iPad Pro显示屏的优化网页图像分辨率的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆