美文网首页
屏幕尺寸,分辨率,像素,ppi,dpi的关系

屏幕尺寸,分辨率,像素,ppi,dpi的关系

作者: 一辈子的码农 | 来源:发表于2017-01-08 14:37 被阅读0次

    前言

    下图是苹果官方对iPhone 机型的介绍:

    拿iPhone7 Plus来说:

    屏幕尺寸:5.5英寸

    手机分辨率(像素):1920 (高)x 1080(宽)

    PPI:401


    概念说明

    屏幕尺寸:表示手机屏幕对角线的长度,单位是英寸。1英寸(inch)=2.54厘米(cm)

    手机分辨率:分辨率可以从显示分辨率与图像分辨率两个方向来分类。

    显示分辨率(屏幕分辨率):屏幕图像的精密度,是指显示器所能显示的像素有多少。由于屏幕上的点、线和面都是由像素组成的,显示器可显示的像素越多,画面就越精细,同样的屏幕区域内能显示的信息也越多。

    图像分辨率:单位英寸中所包含的像素点数,其定义更趋近于分辨率本身的定义。

    分辨率的单位:(dpi点每英寸)、lpi(线每英寸)和ppi(像素每英寸)。但只有lpi是描述光学分辨率的尺度的。虽然dpi和ppi也属于分辨率范畴内的单位,但是他们的含义与lpi不同。而且lpi与dpi无法换算,只能凭经验估算。ppi和dpi经常都会出现混用现象。但是他们所用的领域也存在区别。从技术角度说,“像素”只存在于电脑显示领域,而“点”只出现于打印或印刷领域。

    ppi:Pixels Per Inch,屏幕像素密度,每英寸屏幕所拥有的像素数,在电脑显示领域使用。

    dpi:Dots Per Inch,每英寸长度上的点数,在打印领域使用。


    屏幕像素密度,分辨率,屏幕尺寸的关系

    所以美工使用PS作图的大小为手机分辨率的大小。

    如需要设计适配iPhone7的手机,我们使用1334 x 750px大小

    但有一点是特殊的,就是iPhone6(s) plus、iPhone7 plus,我们需要使用2208 x 1242px大小,

    原因:

    ppi为326的手机,使用的为@2x的素材,对于ppi是401的手机,理论上苹果应该用401/326 * @2x=@2.46x的素材。但是这个奇葩的比例对开发者而言很难切图。所以苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上,实际上是缩放到2.46/3=83%。实际上苹果选取了一个接近比例的87%。

    这样算下来,物理分辨率和虚拟分比率的比例是87%,也就是1920/0.87=2208,1080/0.87=1242.

    好处就是开发者更方便,比如准备素材时,字号可以直接调成3x的。


    图片大小和分辨率

    参考文章:

    http://www.chinaz.com/manage/2015/0902/441624.shtml

    相关文章

      网友评论

          本文标题:屏幕尺寸,分辨率,像素,ppi,dpi的关系

          本文链接:https://www.haomeiwen.com/subject/ytvqbttx.html