资源分辨率:也就是资源图片的大小,单位是像素。
设计分辨率:逻辑上的屏幕大小,单位是点。
屏幕分辨率:是以像素为单位的屏幕大小,所有的应用都会渲染到这个屏幕上展示给用户。
设备 | 资源分辨率(像素) | 设计分辨率(点) | 屏幕分辨率(像素) | 说明 |
---|---|---|---|---|
iPhone 6 Plus | 2208x1242 | 736x414 | 1920x1080 | 1点 = 3倍像素。资源缩小1.15倍后渲染到屏幕 |
iPhone 6 | 1334x750 | 667x375 | 1334x750 | 1点 = 2倍像素 |
iPhone 5/5s/5c | 1136x640 | 568x320 | 1136x640 | 1点 = 2倍像素 |
iPhone 4/4s | 960x640 | 480x320 | 960x640 | 1点 = 2倍像素 |
由上表可知,iPhone 6 Plus是最为特殊的设备,资源分辨率与屏幕分辨率的比例是1.15:1,而其他设备比例是1:1。不同的人群关注的分辨率也是不同,UI设计人员主要关注的是资源分辨率,开发人员主要关注的是设计分辨率,而用户主要关注的是屏幕分辨率。