px和毫米的换算_iOS尺寸单位pt、ppi与px之间换算关系

单位：

px：像素，构成影像的最小单位

ppi：Pixels Per Inch，即每英寸所拥有的像素数目，屏幕像素密度

pt：iOS开发单位，即point，绝对长度，约等于0.16毫米

注意：在网上有些文章对iOS的pt存在一些误解，它不等同于印刷概念里的 1 pt=1/72英寸iOS开发单位 pt 长度的推算：

iOS 开发中用到的单位 pt 是独立像素的意思，它是绝对长度，不随屏幕像素密度变化而变化(和我们日常用到的毫米、厘米是一个意思，只是它要小得多)，在非视网膜的 iPhone 上(iPhone 3G)，苹果规定 1px=1pt，也就是说 pt 和像素点是一一对应的。但随着 iPhone 4 的到来，高分屏出现了(视网膜屏)，这个时候 1pt 对应 2px。所以用固定长度 pt 作为开发单位的好处是：这样可以统一图形在同一种类不同型号设备上图形的大小。而如果用像素作为单位的话，就乱了套了，因为在不同像素密度的屏幕里面，像素本身大小是不一样的。

图中我们看到 iPhone 3G 和 iPhone 4 的屏幕长宽都是 320*480 pt，而像素长宽却相差两倍(iPhone 3G：480*320，iPhone 4：960*640)，所以你理解 pt 的意思了吗？

既然 pt 是个固定尺寸，那么它到底有多长？我们可以通过计算 iPhone 3G 的屏幕像素密度 ppi 推算出来：公式：

iPhone 3G 的 ppi 计算：

iPhone 3G 的屏幕像素密度 ppi 是每英寸 163 个像素，而苹果又规定在这种非视网膜的 iPhone 上，1pt=1px，所以我们也可以说每英寸上有 163 个 pt，那么 1pt=1/163 英寸，这就是 iOS 开发单位 pt 的长度：1pt = 1 /163 英寸 * 25.4毫米 ≈ 0.16 毫米。

以上推算也说明了为什么当我们在做 iOS 客户端设计的时候(通常我们以@2x来设计)，开发说的图片尺寸多少 pt，换算成像素要乘以2的原因(如果我们做 iphone6+ 的设计要在 pt 数×3)。

再去看iphone的各个尺寸就很简单了。可以看出iphone的屏幕密度只有3种，即

@1x，163ppi(iphone3gs)

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

@3x,401ppi(iphone6+)

px和毫米的换算_iOS尺寸单位pt、ppi与px之间换算关系相关推荐

iOS尺寸单位pt、ppi与px之间换算关系
关于苹果iPhone 6s的屏幕参数相信大家都不会陌生,尺寸为4.7英寸,1334 x 750的分辨率使其ppi达到326 sp 与 px 的换算公式:sp*ppi/160 = px 总结得出: px ...
计算机单位pt,iOS尺寸单位pt、ppi与px之间换算关系
单位: pt:ios开发单位,即point,绝对长度,1pt=1/72英寸. ppi:Pixels Per Inch,即每英寸所拥有的像素数目,屏幕像素密度. 公式: 举例: 比如iphone3gs的 ...
手机长度px值_手机UI设计基础-尺寸单位
原标题:手机UI设计基础-尺寸&单位初入移动端开发和UI设计的童鞋可能对UI尺寸和单位特头痛,孟春觉得分享一下手机APP/Web UI尺寸和单位的经验是有价值的. 一.iPhone机型 1. ...
浅谈iOS尺寸单位pt、ppi与px
1.屏幕尺寸通常所说的iPhone3GS屏幕尺寸为3.5英寸.iPhone4屏幕尺寸为4英寸,指的是显示屏对角线的长度. 2.iOS尺寸单位 1) px: 像素,是物理屏幕显示的基本单位,即使在程序 ...
19-10-19 屏幕尺寸、分辨率、PPI、像素之间的关系
[屏幕尺寸] 首先1英寸=2.54cm=0.762寸,买蛋糕时说的"寸"也是英寸,比如6寸的蛋糕实际上是6英寸为直径的蛋糕,长15.24cm. 描述屏幕大小时的英寸说的是对角线的长 ...
尺寸单位rpx和px的区别
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375 ...
CSS中的几种尺寸单位
一.尺寸单位 CSS 支持多种尺寸单位,包括: px:像素,固定大小单位 em:相对于当前元素字体大小的单位 rem:相对于根元素(HTML)字体大小的单位 %:相对于父元素的百分比单位 vh:相对于 ...
微信小程序中尺寸单位rpx及样式的用法
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375p ...
微信小程序css单位,微信小程序 rpx 尺寸单位详细介绍
微信小程序最近火了,大家开发微信小程序有没有注意微信小程序对手机屏幕的要求或者影响呢,面对不同的手机屏幕,微信 rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应, 微信小程序 ...
CSS中的尺寸单位总结
文章目录 CSS中的尺寸单位总结 CSS中的尺寸单位总结绝对单位: px(Pixel):像素 (1px = 1/96th of 1in); pt(Point):大约1/72英寸 (1pt = 1/7 ...

px和毫米的换算_iOS尺寸单位pt、ppi与px之间换算关系

px和毫米的换算_iOS尺寸单位pt、ppi与px之间换算关系相关推荐

最新文章

热门文章