浅谈iOS尺寸单位pt、ppi与px

喜欢ヅ旅行 2022-06-17 03:25 2452阅读 0赞

1、屏幕尺寸

通常所说的iPhone3GS屏幕尺寸为3.5英寸、iPhone4屏幕尺寸为4英寸,指的是显示屏对角线的长度。

2、iOS尺寸单位

1) px:

像素,是物理屏幕显示的基本单位,即使在程序中使用的不是px,但最后都会转化为px,显示在手机上。

2) pt:

ios开发单位,即point,绝对长度,1pt=1/72英寸。

3) ppi:

Pixels Per Inch,即沿着对角线,每英寸所拥有的像素数目,屏幕像素密度。

Center

其中,X和Y是像素分辨率。

如:

iphone3GS的像素分辨率是320px*480px,屏幕尺寸为3.5英寸,因此可以计算得出,iphone3GS的屏幕像素密度为163。

3、iphone的发展

1) iphone3GS的逻辑分辨率为320pt*480pt,而iphone3GS的像素分辨率为320px*480px,所以iphone3GS中一个点正好对应一个像素。所以,当要添加一个30pt*30pt的图片,只要告诉美工做一个30px*30px的图片即可。

2) iphone4的逻辑分辨率没有改变,仍为320pt*480pt,但像素分辨率改为640px*960px,这时一个点对应四个像素。所以,当要添加一个30pt*30pt的图片,该图片的像素为60px*60px,如果美工只做30px*30px的图片,系统会将这个图片放大,出现模糊的现象,因此需要告诉美工做一个60px*60px的image@2x.png图片。

3) iphone5的屏幕尺寸改为4英寸,但由于像素密度没有改变,仍为iphone3GS的2倍,每英寸所拥有的像素数目iphone3GS的2倍,也即每pt所拥有的像素数目iphone3GS的2倍,因此iphone5和iphone5s都用的是@2x的图片。

4) iphone6的像素分辨率没有改变,但iphone6 plus的像素分辨率改变了,一个点差不多对应2.46个像素,但不是应该做一个@2.46x的图片,而是应该做一个@3x的图片,然后再缩放到@2.46x上。所以当要添加一个30pt*30pt的图片,只要告诉美工做一个大小为90px*90px的image@3x.png图片。

4、iphone的尺寸规格

1) @1x,163ppi(iphone3gs)

2) @2x,326ppi(iphone4、4s、5、5s、6)

3) @3x,401ppi(iphone6+)

Center 1

发表评论

表情:
评论列表 (有 0 条评论,2452人围观)

还没有评论,来说两句吧...

相关阅读

    相关 uni-app尺寸单位

    uni-app支持的通用的css单位包括px、rpx。 px即屏幕像素 rpx即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx

    相关 计算密集型IO密集型

        计算密集型与IO密集型这个概念,在面试的时候可能会被问到,主要是在多线程环境中,如何设置线程数,让CPU充分利用,跑出最高效率。     计算密集型:这一类主要是在线

    相关 尺寸单位换算

    这两天用swing写打印,发现JDK文档里有一个说明:以 1/72 英寸为单位,这个进行纸张和屏幕大小换算可麻烦了,1/72英寸又是啥东西,一头雾水。去找了下资料,终于找到换算

    相关 CSS单位px、pt、em和rem

    1、px 像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 屏幕设备物理上能显示出的最小的一个点,这个点不是固定宽度的,不同设备上点的长宽比例有可

    相关 css尺寸单位

    css尺寸单位有如下: 像素px(pixls):在web上,像素px是经典的度量单位,很多其他长度直接映射像素处理。 % :百分比 in :英寸 1in = 2.5