apple4us

iPhone 4 的分辨率:与像素密度无关

iPhone 4 提供了一个让我们增进字体、分辨率、像素知识的机会。这里又是一篇跟像素有关的文章,原文在这里。—— 编者

最近大家经常讨论 iPhone 4 的「视网膜屏幕」上的像素密度,但大多数人都没有抓住重点。视网膜屏幕的革命性不在于像素密度——好几个月前就有 Android 手机的分辨率逼近 300 ppi(每英寸三百颗像素)了。iPhone 4 的革命性,在于它增加了用户介面(UI)元素的清晰度。

过去二十年来,几乎所有屏幕上的 UI 元素都遵循一个标准:72 ppi。这是最早批量生产的 CRT 显示器的分辨率,一直沿用至今。无论是 Windows 还是 Mac OS X,所有的 UI 元素在屏幕上都占据固定数目的像素,不管屏幕上总共有多少颗像素,这个数字都不变。各种 UI 元素都是以「在 72 ppi 的屏幕上会好看」为原则设计的。

这意味着 Helvetica 字体、12 磅的小写字母 a 在任何屏幕上都占 8 x 9 像素的空间(绝大多数情况下如此)。即便显示器上的像素数多了,12 磅 Helvetica 的 a 还是占那么多颗像素,只不过肉眼看上去会变小就是了。显示器的像素数较多,只表示你有更多的空间来显示内容,但 UI 元素的清晰度是一样的。

iPhone 4 的操作系统并非如此,它把屏幕像素密度和软件的视觉介面这两件事情分离了。由于 OS X 的设计从一开始就考虑到对任意分辨率的支持,iOS 的所有介面元素用的都已经是矢量化了的图片(具体来讲是 PDF【注释一】)。也就是说,iPhone 4 那块 3.5 寸的屏幕上的 UI 元素占据的面积和 iPhone 3GS 是一样的,但 iPhone 4 所用到的像素颗数是 3GS 的四倍。

既然图像尺寸不变,但多了那么多的像素,这些 UI 的清晰度就达到了前所未有的高度——因为目前为止所有屏幕都是以 72 ppi 的分辨率为基准的。在 iPhone 4 的屏幕上,14 磅的 a 字母会占据 16 x 18 个像素,这意味着它的曲线和边缘会精细很多。

实体像素颗粒并非 iPhone 4 的视网膜屏幕的杀手锏(虽然它们必不可少);真正的杀手锏是 UI 元素在那块屏幕上的清晰度。

(Android 在一定程度上也支持任意分辨率,但不是系统全局的。Android 会放大大部分的 UI 元素,但由于大部分软件不支持任意分辨率,所以看上去的效果并不好。)


【注释一】:如约翰·格鲁伯所指出,iOS 的 UI 元素用的图形格式其实是 PNG。