iOS的开发单位,ios的开发单位换算

iOS尺寸单位pt、ppi与px之间换算关系

px:像素,构成影像的最小单位

创新互联2013年开创至今,是专业互联网技术服务公司,拥有项目网站设计制作、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元关岭做网站,已为上家服务,为关岭各地企业和个人服务,联系电话:13518219792

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

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

注意 :在网上有些文章对iOS的pt存在一些误解,它不等同于印刷概念里的 1 pt=1/72英寸

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、ppi、dot、dpi、sp、dp、pt

这一次要帮你彻底搞明白px、ppi、dot、dpi、sp、dp、pt

这是初级设计师经常弄混淆的几个概念,下面我以“基本概念,易混淆的点,从问题入手,总结”四个方面来聊一聊 Px,ppi;dot,dpi; sp,dp;pt 那些事儿。

一、px,ppi;dot,dpi; sp,dp;pt 的基本概念

1. px:像素

1像素实际上是一个颜色点,所以又称像素点。大量不同颜色点组成一张图像,因此图像的基本单位是像素px(没有比像素更精细的单位了)。

像素主要用来表示图像大小和显示器分辨率(如1920*1080px)。像素本身的物理尺寸不固定,所以它的物理尺寸没有意义,有意义的是它的数量。

为什么像素的物理尺寸不固定?

像素本身不是物理世界的单位,是一个相对单位,尺寸可大可小。在高密度的屏幕上像素会变小,显示效果更清晰。因为“像素量px = 像素密度ppi x 屏幕尺寸in”,同样是1英寸的屏幕,密度越大,像素越多,则单个像素的物理尺寸越小。

都是图片相关信息,图片体积和像素有什么关系?

通常所说的100KB的图片指的就是图片的体积,首先一张图像在存储时,会描述每个像素点的颜色信息、位置、数量,这些描述数据就是图像的体积,如果像素越多自然图像体积越大。假如一张图片都是一个颜色,图像在保存时就会压缩,只存一个像素点的颜色信息,这样的图像体积会小很多。所以,像素点越多,颜色越复杂,图像体积越大。

为什么我们要买高像素的相机?

日常我们所说的几百万像素的相机,这个几百万像素指的是拍摄最大像素量照片时,图像宽高位置上像素量的乘积。如果像素量大,将来印刷或者在显示器上查看,在1英寸上就有足够多的像素显示,像素密度增加,图像也会更清晰。因此,我们更愿意买高像素的相机。

总结: 像素px常用来描述图像尺寸和显示器分辨率。

2. ppi:像素密度(pixel per inch)

1英寸屏幕上显示的像素量,密度单位。决定图片的物理显示尺寸,只有涉及到显示才有意义。值越大,显示越细腻。

计算公式: ppi=屏幕对角线上的像素量px/对角线长度inch = √(屏幕横向像素^2 + 屏幕纵向像素^2)/对角线长度。

为什么说ppi决定图片的物理尺寸?

一个手机的显示屏在出厂时就确定了PPI的值,PPI越大,显示越高清。图片的物理尺寸 = PPI * Px,通常一张图像的px确定,ppi越大,则它的物理尺寸越小。所以为什么我们在高PPI的手机上,人眼看到的图像比低PPI的图形小。在设计行业,我们会针对高PPI的手机,设计更大像素的图像也是这个道理。

日常所说的分辨率有两个概念,一个指显示器的分辨率,另一个指图像的分辨率。显示器分辨率指显示器所能显示的像素多少(1920px*1080px),显示器可显示的像素越多,画面就越精细,因为屏幕尺寸一定,分辨率越大,像素密度越大。显示器分辨率都用(1920px*1080px)这种形式表示,清晰度还需要结合屏幕尺寸计算。图像分辨率则是单位英寸中所包含的像素点数,比如photoshop 里新建画布时设置的图像分辨率72ppi,其定义更趋近于分辨率本身的定义

注意:

同一显示屏上查看图片,像素量越大,图片尺寸越大。

显示分辨率一定的情况下,显示屏越小图像越清晰(比如MacBook),反之,显示屏大小固定时,显示分辨率越高图像越清晰。

对于设计师来说像素密度很重要,需要很据像素密度来切图和适配,理解了像素密度的意义,就理解了几倍图之间的关系。

3. dot:墨点

印刷品的最小单位,表示一个印刷颜色点,类似px,只有相对大小,用在印刷行业。

4. dpi:打印分辨率 (dot per inch)

1英寸上打印的墨点数量,密度单位,只用在印刷行业,值越大,印刷越精细。

注意:

与安卓的dp完全没关系。

印刷行业相关的单位是dot,dpi。印刷尺寸(英寸)=打印墨点数(dot)/打印机密度(dpi)。

照片的清晰度,是由打印机分辨率决定的。所以一张照片包含的像素越多(需要高像素照相机拍摄),高dpi打印机就可以打印出清晰的图片。如果照片像素量px一定, 打印机的dpi越高, 则打印尺寸越小。(这里可设置为dot=px)

5. pt:点(印刷)

大小为1/72英寸=0.35mm,单位是英寸,是物理长度单位,大小固定,绝对单位。源于活字排版时代,photoshop里的字体单位就只这个。

公式: 1pt= (PPI / 72) px。

当photoshop中新建画布的分辨率为72ppi,由公式,则1pt=1px。当分辨率为144ppi时,1pt=2px。

注意: 这里指印刷行业的pt哦!

6. pt: 点(iOS)

iOS系统开发单位,是独立像素的意思,长度固定,不随屏幕像素密度ppi变化而变化。

苹果公司规定:普屏时1px=1px,而普屏的ppi=163像素/英寸,那么pt=1/163英寸=0.16mm(固定值)。普屏1px=1px,高清屏1pt=2px。

用固定长度pt作为开发单位的好处是,这样可以保证同一张图片在不同设备上显示大小一样,因为pt值是固定的。高清屏上1pt等于更多的像素px,因为像素在高清屏上变小,所以pt还是固定的。

7. dp:长度(Android)

(Density-independent pixel) 是安卓开发用的长度单位。

根据不同的屏幕分辨率,与px有不同的倍数关系。规定:1dp等于屏幕像素密度为160ppi时1px的长度,因此dp在整个系统大小是固定的。公式:1dp=(屏幕ppi/ 160)px。

1dp等于屏幕像素密度为160ppi时1px的长度,即,在mdpi时,1dp = 1px。 以mdpi为标准,这些屏幕的密度值比为: ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3。android中清屏1dp=1px,高清屏1dp=1.5px,超清屏1dp=2px。

做设计时以xhdpi为模板, xhdpi条件下1dp=2px,标注长度的时候,将长度像素除以2即为dp值,这样方便和开发沟通。

8. sp:大小(Android)

(scale-independent pixel) 安卓开发用的字体大小单位。

注意: dp和sp都是安卓开发的单位,dp是长度单位,sp是字体单位。一般情况下可认为sp=dp。

二、易混淆的点

px和dot

都是点的概念,px应用在电子显示设备上,是显示图像的基本单位。dot应用在印刷行业,是打印图片的基本单位。

ppi和dpi

ppi和dpi无关系,互不影响 。 ppi影响图像的显示尺寸,dpi影响图像的打印尺寸。打印时可以让数量上px=dot,则设计时在photoshop里设置的ppi大小,可以认为是dpi大小。

很多技术人员经常把ppi和dpi画等号, 其实他们的物理意义不一样,但是因为混淆的人多了,所以在电子屏幕显示中提到的ppi和dpi我们可以认为是一样的。

pt和dp

iOS系统的pt和Android系统的dp概念是相似的。

三、从问题入手深入理解概念

1.设计印刷品时,为什么说在ps里设置的ppi没有实际意义,但还是要设置呢?

首先我们要明白,打印的分辨率dpi是由实际的打印机决定的,所以在ps里设置分辨率根本没有意义。但是我们可以预期打印效果,比如多大的分辨率和尺寸,有了这两个值就能确定像素量px,即,只要像素量满足要求,就能打印出预期的效果。所以ps里设置分辨率ppi是为了让ps计算出像素量大小。

2.photoshop里,高ppi和低ppi画布的显示差别?

Photoshop里的显示大小只和图像的像素量和显示器分辨率有关。显示器是确定的,所以像素量越大,显示尺寸越大。

3.photoshop里, 相同像素的图像,高ppi图像拖入到低ppi图像里,高ppi的图像变小, 为什么?

因为拖入后,高ppi的文档分辨变小,photoshop把图像的像素按照ppi变小的比例变小。这样里体现了不同ppi的图像在photoshop里的转换关系。

4.photoshop里,相同像素的图像,低ppi图像拖入高ppi图像里,低ppi的图像无变化,为什么?

因为拖入后,低ppi的文档分辨变大,photoshop把图像的像素按照ppi变大的比例变大,这样就超过了画布尺寸,photoshop按照置入图片的原理显示,即按最大边匹配。

5.使用软件的方式,增加图像的像素px,或者提高图像的像素密度ppi,对图像有什么影响?

软件增加图片像素,图片会变模糊,因为增加的不是有效像素,所谓高清图是指包含有效像素多的图片。显示清晰度由显示器本身决定,图片的ppi没有意义。

6.100*100px的图片,ps改变它的ppi,会怎样?

像素是确定的,即不会影响显示,也不会影响印刷。

四、总结

1.手机设计稿

因为手机屏幕的ppi和英寸确定,那么像素可计算出来,即px确定,只需设置ps的画布像素px相同就可以了,ps里设置的ppi对手机设计稿而言并没有什么意义,可以随便设置;手机只关注图片的像素够不够,因为是按照手机1:1的像素设计。所以,适配高ppi手机的设计稿,修改ps的ppi是没有用的,而应该按照高ppi的像素修改设计稿。

2.打印设计稿

打印尺寸和打印分辨率300dpi确定, 但ps以px为单位,由公式dot=英寸*dpi,px=英寸*ppi,英寸相同, dpi=ppi=300,那么数量上可以dot=px。ps的英寸和ppi确定, px也确定,但不能直接得出px数量,但是ps可直接设置厘米cm, 那就只需要设置宽高的厘米和分辨率300ppi=118.11像素/厘米,就可以间接设置所需的像素量,这就能保证300dpi清晰度和打印尺寸。(设置300dpi时ps会自动转化为118.11像素/厘米)

苹果系统叫什么

苹果系统叫iOS。

iOS是由苹果公司开发的移动操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad上。

iOS与苹果的macOS操作系统一样,属于类Unix的商业操作系统。原本这个系统名为iPhone OS,因为iPad,iPhone,iPod touch都使用iPhone OS,所以2010年苹果全球开发者大会上宣布改名为iOS(iOS为美国思科公司网络设备操作系统注册商标,苹果改名已获得Cisco公司授权)。

iOS 16.1:

2022年9月28日,苹果发布,在最新的 iOS 16.1 Beta 3 测试版中,苹果在 App Store 设置中添加了新的开关选项,允许应用在下载后和用户首次启动之前自动开始下载其应用内内容。

2022年10月,苹果官宣其操作系统iOS 16.1将于10月24日发布。

2022年11月10日,苹果正式向用户推送了iOS 16.1.1正式版。

苹果pt是什么

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

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

公式:

举例:

比如iphone3gs的像素分辨率是480px×320px,按下图计算即表示在iphone3gs具有ppi为163,物理屏幕宽度约为3英寸,3*163~480,

因此iphone3gs分辨率为480*320

由于iphone3GS和iphone4的物理屏幕尺寸的大小是一样的,所以,他们的pt是相同的。但是由于iphone4的现实像素为960px×640px,也就是说每英寸在iphone4的屏幕下显示了326个像素(刚好是iphone3GS的2倍)。

即在同一物理长度pt长度下,iphone4的屏幕像素密度是iPhone3GS的2倍,因此像素分辨率是iphone3gs的2倍。

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

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

@1x,163ppi(iphone3gs)

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

@3x,401ppi(iphone6+)

APP单位基本认识——IOS

英寸是手屏幕的计量单位。1in=2.54cm

像素是图像的基本采样单位,一个图像放大之后会看见一个小点,称之为像素点。

分辨率是屏幕像素的数量,pc端分辨率越高,屏幕越大。因为pc端有固定的像素密度(PPI),但只能手机就不一样,手机像素密度是不一样的。

当DPI的概念在手机上时,表示手机屏幕上每英寸可以显示像素点的数量,屏幕生产工艺越高,每英寸能容纳的像素越多。

用于印刷品的打印精度,比如常用于“设备参数”描述(扫描仪、打印机)例如,设置一张打印分辨率为96DPI图片,那么机器在打印过程中每英寸(inch)的长度,就是打印了96个点(dot),打印机在每英寸内打印的墨点越多,图片看起来越精细。

如把打印分辨率设为96,则每英寸打印的就是96个点,那么打印机在每英寸内打印的墨点数越多,图片看起来就越清晰。

以下四张图:由左往右,第二张是最清晰的,第四张则是很粗糙。

像素密度常用语”屏幕显示“用来表示每英寸像素点数量。

比如常使用软件ps创建文档中,分辨率72同等于像素密度。

注意:像素密度与分辨率是直接挂钩的,同一英寸的前提下,分辨率越大,像素密度(PPI)也就越大,屏幕以及图片显示的也就越清晰细腻;同一英寸,同一分辨率的前提下,像素密度(PPI)越大,屏幕以及图片显示的也就越清晰细腻。如下图显示:我们明显可以看出第二张图像素密度大,图片更加清晰细腻。

像素密度(PPI)计算,但一般很少使用。(横向+纵向即是长度像素+宽度像素也就是分辨率的大小;屏幕尺寸即是屏幕对角线的英寸数)

注意 当我们把相同分辨率的图片,放在具有相同像素显示的屏幕上显示时,每一个像素,屏幕上对应一个点显示,此时DPI=PPI, 即我们把分辨率为m*n的图片,放在最大支持m*n像素的屏幕上时,DPI=PPI。

dpi最初用于衡量打印物上每英寸的点数密度。DPI值越小图片越不精细。当DPI的概念用在计算机屏幕上时,就应称之为ppi。

当DPI的概念用在手机屏幕上时,表示手机屏幕上每英寸可以显示的像素点的数量。这时候我们用PPI来描述DPI在手机屏幕上的像素点。屏幕生产工艺越高,每平方英寸就能容纳更多的像素。例如一款A屏幕像素是320×480,另一个B屏幕像素是640×960。两款手机屏幕的物理尺寸都是3.5英寸,但像素密度(PPI)不一样。BRetina(视网屏幕)把2×2个像素当1个像素使用。在同样的物理面积内填充了更多的像素,所以显示效果更加精细。如下图,明显右边的文字更激清晰。

上文提到视网屏幕(BRetina):

视网屏幕(BRetina)由于其具备超高的像素密度,因此屏幕显示异常清晰,它的分辨率只要达到300PPI(也就是每英寸300个像素点以上),肉眼看不到像素格,图片很清晰很精细。

IOS逻辑分辨率和像素倍率迟到关系:

IOS尺寸设备:

目前常用的尺寸是以iPhone6为主设计,@2   750X1334px在ps设计常用,@1 375x750px是在skech设计常用(详细说明是之前设计错误,希望大家不要犯这个错误)在@2设计的基础上,状态栏40px,导航栏88px,标签栏98px,工具栏88px。

单位换算关系;

公式一:1pt=(DPI/72)px

当photoshop中新建画布的分辨率为72ppi( 即 72dpi时 ), 1pt=1px; 当新建画布分辨率为72*2=144ppi时,1pt=2px。

公式二:dpi=ppi

dpi最初用于衡量打印物上每英寸的点数密度。DPI值越小图片越不精细。当DPI的概念用在计算机屏幕上时,就应称之为ppi。同理: PPI就是计算机屏幕上每英寸可以显示的像素点的数量。因此,在电子屏幕显示中提到的ppi和dpi是一样的。

公式三: 1dp=(屏幕ppi/ 160)px

dp为安卓开发时的长度单位,根据不同的屏幕分辨率,对应的px关系也就不同。我们在切图时,可以发现安卓端屏幕大小各不相同,像素密度、分辨率也不同,可将其分为以下几种规格:

1dp定义为屏幕密度值为160ppi时的1px,即,在mdpi时,1dp = 1px。以mdpi为标准,这些屏幕的密度值比为:ldpi : mdpi : hdpi : xhdpi : xxhdpi = 0.75 : 1 : 1.5 : 2 : 3;即,在xhdpi的密度下,1dp=2px。

以WVGA屏为例,该屏幕为480px*800px,按3.8寸屏算,点密度 √ (480^2 + 800^2) / 3.8 = 245,约等于240,对应于hdpi屏幕,所以该屏幕1dp=1.5px

公式四:当文字尺寸是“正常”时1sp=1dp,而当文字尺寸是“大”或“超大”时,1sp1dp。一把情况下认为1sp=1dp。

dp和sp都是安卓的开发单位,dp是长度单位,sp是字体单位。

px、DP(DPI)、sp区别:(Android 设计尺寸)

因此安卓的设计尺寸是:720*1080px,这时的1dp=1sp=2px

总结:由于做设计时以xhdpi为模板,xhdpi条件下,1dp=2px。若新建画布时,将画布分辨率设为144ppi,则1pt=2px=1dp。如果屏幕密度为160时,1dp=1sp=1px。

(上文参考了以下的一些文章,也是怕自己忘记,所以把认为需要重点记忆的地方摘抄下来)其中的一些文章可以部分有用的即可。

分辨率、PPI、DPI概念定义详解    

(八一八那些px、pt、ppi、dpi、dp、sp之间的关系,此讲解单位相对较详细)

网站名称:iOS的开发单位,ios的开发单位换算
浏览地址:https://www.cdcxhl.com/article16/dsdccgg.html

成都网站建设公司_创新互联,为您提供搜索引擎优化外贸建站网站排名用户体验动态网站品牌网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

微信小程序开发