• 1、屏幕尺寸 通常所说的iPhone3GS屏幕尺寸为3.5英寸、iPhone4屏幕尺寸为4英寸,指的是显示屏对角线的长度。   2、iOS尺寸单位 ...ios开发单位,即point,绝对长度,1pt=1/72英寸。 3) ppi: Pixels Per Inc

    1、屏幕尺寸

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

     

    2、iOS尺寸单位

    1) px:

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

    2) pt:

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

    3) ppi:

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


    其中,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+)


    展开全文
  • 关于苹果iPhone 6s的屏幕参数相信大家都不会陌生,尺寸为4.7英寸,1334 x 750的分辨率使其ppi达到326 sp 与 px 的换算公式:sp*ppi/160 = px 总结得出: px = dp*ppi/160 dp = px / (ppi / 160) px = sp*ppi/...

    关于苹果iPhone 6s的屏幕参数相信大家都不会陌生,尺寸为4.7英寸,1334 x 750的分辨率使其ppi达到326

    sp 与 px 的换算公式:sp*ppi/160 = px
    总结得出:
    px = dp*ppi/160
    dp = px / (ppi / 160)
    px = sp*ppi/160
    sp = px / (ppi / 160)

    dpi和ppi这两个是密度单位,不是度量单位,而这两个恰恰是我们换算中重要的分母。简单理解一下:

    • ppi (pixels per inch):图像分辨率 (在图像中,每英寸所包含的像素数目)
    • dpi (dots per inch): 打印分辨率 (每英寸所能打印的点数,即打印精度)
    dpi主要应用于输出,重点是打印设备上。

    我们在移动应用中提到ppi和dpi其实都一样


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

    单位:

    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+)




    展开全文
  • ppi、dp、pt、px、dpr、vw、rem、em、物理像素、逻辑像素……懵就对了! 结论 明白结论说什么的,可跳过此文 以下物理大小单位为 inch: 物理像素的物理大小 = 1/ppi 1dp 物理大小 = ppi/160 * 1物理像素物理大小...

    ppi、dp、pt、px、dpr、vw、rem、em、物理像素、逻辑像素……懵就对了!

    结论

    明白结论说什么的,可跳过此文

    以下物理大小单位为 inch:

    1. 物理像素的物理大小 = 1/ppi
    2. 1dp 物理大小 = ppi/160 * 1物理像素物理大小 = ppi/160 * 1/ppi = 1/160
    3. 1 css逻辑像素物理大小= dpr * 1物理像素物理大小 = dpr * 1/ppi
    4. 当 ppi 和 dpr 正相关时,1 css逻辑像素物理大小不变,此时,css 逻辑 px 和 android dp 和 ios pt 类似

    名词解释

    以一个例子来看这些名词:iphone7 分辨率 750*1334,ppi 326,尺寸 4.7 inch,浏览器未缩放的视口大小 375*667,dpr 2

    • 物理像素,设备能控制显示的最小物理单位,iphone7 分辨率 750*1334 指的是物理像素
    • 逻辑像素,虚拟的,css 使用的就是逻辑像素,视口大小 375*667 说的是逻辑像素
    • dpr,Device Pixel Ratio,dpr = 物理像素数 / 逻辑像素数
    • 设备尺寸,指设备对角线长度,如 4.7 inch
    • ppi,像素密度,每英尺像素数,计算方式:物理像素数/设备物理大小,对于 iphone7: (750^2+1334^2)^0.5 / 4.7 = 326
    • dp,密度无关像素,android 使用较多,是 160 ppi 下 1 个物理像素的物理尺寸

    物理像素的物理大小

    参照 ppi 可知:
    物理像素的物理大小 = 设备物理大小/物理像素数 = 1/ppi

    1dp 物理大小

    1dp 物理大小 = ppi/160 * 1物理像素物理大小 = ppi/160 * 1/ppi = 1/160 inch = 0.00625 inch = 0.015875 cm = 0.15875 mm

    css 1px 物理大小

    1 css逻辑像素物理大小= dpr * 1物理像素物理大小 = dpr * 1/ppi
    对于 iphone 来说,如果 dpr 是 2,1px = 2 * 1/326 = 0.006135 inch = 0.01558 cm = 0.1558 mm,跟 1dp 差不多

    h5 适配

    本文是看 h5 适配方案的副产品,最后提一下,根据以上推断,可认为:
    当 ppi 和 dpr 正相关时,1 css逻辑像素物理大小不变,此时,css 逻辑 px 和 android dp 和 ios pt 类似
    此时,h5 适配只需要根据视口大小调整 css 像素进行缩放(淘宝现在采用的方案?)

    后记

    对各种单位的理解一直比较模糊,今据搜索信息做点计算、推断,如有错误请多指教。

    展开全文
  • 对照的pt / px分辨 就是 尺寸(point)/分辨率(像素点)我们先看何为pt pxpt就是point,是印刷行业常用单位,等于1/72英寸。(具有实际度量值) px就是表示pixel,像素,是屏幕上显示数据的最基本的点;~~ pt全称为point...

    @2x @3x 什么时候用?

    先看各个机型数据图,以这个为标准.
    这里写图片描述

    对照的pt / px分辨 就是 尺寸(point)/分辨率(像素点)

    这里写图片描述

    我们先看何为pt px

    pt就是point,是印刷行业常用单位,等于1/72英寸。(具有实际度量值)
    px就是表示pixel,像素,是屏幕上显示数据的最基本的点;
    
    ~~ pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。
    ~~ px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。
    因此就有这样的说法,pixel是相对大小,而point是绝对大小。

    所以一张图片清不清楚,取决于他们的两个决定因素 : pt/px

    pt(也叫做磅,字体里面常用)越大,图片打印出来实际尺寸越大,但如果该图片的每一个pt对应的px像素不大,那么打印出来就是一张很大但是很模糊的图片,有马赛克效果(马赛克小姐姐们必备:-D).
    这里写图片描述

    px是像素点,决定了一张图片显示内容的丰富程度,像素点越多,则图片约清晰.
    这里写图片描述

    (这里不过分去探究,想要了解的请去这里:https://www.douban.com/note/155032221/)

    在6s 和 6sPlus上, 一个尺寸单位(point) 容纳的像素点是不一样的

    6s : 一个pt容纳两个px点 = >因此 @2x

    6sPlus : 一个pt容纳三个px点 = >因此@3x

    但是实际上, 他们看起来是差不多

    这里写图片描述

    上图是一张UI设计给出的基于6s手机的设计稿

    30Px代表在@2x背景下, 因此我们转换成pt应该是 30px/2.f = 15
    15pt & @2x = 30px
    14pt & @3x = 45px (在@3x)

    引用下面解释

    @2x和@3x表示的是像素,而手机上表示的是点,一个点就相当于一个像素小方格,6的一个像素小方格也就是一个点是两个像素就是@2x,而6p的一个像素小方格也就是一个点是三个像素点也就是@3x,所以6和6p的像素小方格也就是点的个数是相同的,所以你打印的也是相同的,但是其实他加载了不同的照片,

    Iphone 6 PLUS 按照实际的PPI以及物理点尺寸只能显示这么多像素(1920*1080),更准确的应该是 宽度401/163*414=1018.49 高度 401/163*736 = 1810.65 某些人根据苹果用@3x的素材设置意淫了一个像素2208*1242的分辨率,是根据一个不准确的设置去否定一个正确的分辨率其实苹果只是为了不想让开发者开发一套(@1x @2x @2.46x)的素材而改成了@1x @2x @3x的素材所以,结论:在iphone 6 plus的分辨率就应该是1920*1080(准确是1810.65*1018.49),按照ipone6 plus的PPI需要开发者做一套 @2.46x 的素材,所以苹果为方便开发者用的是@3x的素材,然后再缩放到@2.46x上

    引用 对于为什么是这样。我的理解是在保持长宽比一致的情况下,对开发者更友好。从iPhone6和 iPhone6 plus 的模拟器上看,现有的 app 都不需要适配就能显示的不错。那对更大屏的支持,开发者只需要多提供一套3x 的图片就行。下图就是 xcode 里的 image.xcassets的截图:块内容

    展开全文
  • px,pt,em换算表

    2019-01-09 17:58:49
    pt (point,磅):是一个物理长度单位,指的是72分之一英寸。 px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),...

    pt (point,磅):是一个物理长度单位,指的是72分之一英寸。

    px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。

    em(相对长度单位,相对于当前对象内文本的字体尺寸):是一个相对长度单位,最初是指字母M的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。

    字号:是中文字库中特有的一种单位,以中文代号表示特定的磅值pt,便于记忆、表述。

    pt和px的换算公式可以根据pt的定义得出:

    pt = 1/72(英寸), px = 1/dpi(英寸)

    因此 pt = px * dpi / 72

    以 Windows 下的 96dpi 来计算,1 pt = px * 96/72 = px * 4/3

     

    字号 pt px em

    初号

    42pt

    56px

    3.5em

    小初

    36pt

    48px

    3em

     

    34pt

    45px

    2.75em

     

    32pt

    42px

    2.55em

     

    30pt

    40px

    2.45em

     

    29pt

    38px

    2.35em

     

    28pt

    37px

    2.3em

     

    27pt

    36px

    2.25em

    一号

    26pt

    35px

    2.2em

     

    25pt

    34px

    2.125em

    小一

    24pt

    32px

    2em

    二号

    22pt

    29px

    1.8em

     

    20pt

    26px

    1.6em

    小二

    18pt

    24px

    1.5em

     

    17pt

    23px

    1.45em

    三号

    16pt

    22px

    1.4em

    小三

    15pt

    21px

    1.3em

     

    14.5pt

    20px

    1.25em

    四号

    14pt

    19px

    1.2em

     

    13.5pt

    18px

    1.125em

     

    13pt

    17px

    1.05em

    小四

    12pt

    16px

    1em

     

    11pt

    15px

    0.95em

    五号

    10.5pt

    14px

    0.875em

     

    10pt

    13px

    0.8em

    小五

    9pt

    12px

    0.75em

     

    8pt

    11px

    0.7em

    六号

    7.5pt

    10px

    0.625em

     

    7pt

    9px

    0.55em

    小六

    6.5pt

    8px

    0.5em

    七号

    5.5pt

    7px

    0.4375em

    八号

    5pt

    6px

    0.375em

    展开全文
  • iOS PPI

    2015-11-20 16:48:25
    著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 作者:godlaugh 链接:... 来源:知乎 ...我做了个对比图,发出来看看, 你可能就明白了 ...https://pic1.zhimg.com/20a5f88b3
  • iOS pt与px

    2017-01-17 22:26:15
    早期的iPhone3GS的屏幕分辨率是320*480,iOS绘制图形(CGPoint/CGSize/CGRect)均... 1 point = 1 pixel(Point Per Inch=Pixel Per Inch=PPI) 后来在iPhone4中,同样大小(3.5 inch)的屏幕采用了Reti
  • pt 间的不同

    2017-02-16 10:22:52
    1inch=72pt但是当涉及到pt与px换算的时候,就需要考虑dpi或者说ppi这个概念对于PC屏幕来讲dpi(ppi)一般是96,那么就是96px/inch即1inch=96px=72pt,所以1px=0.75pt同理假设分辨率是72那1px=1pt但是对于IOS来说,...
  • 设计中各单位的转换px、ptppi、dpi、dp、sp及IOS的分辨率
  • iOS和Android的尺寸小结

    2017-10-26 10:43:07
    前言最近开始做了Android开发,发现和iOS开发还是有很大的区别的,把一些相关知识记录下来:iOS和Android的尺寸小结iOS1、iOS中根据屏幕的ScaleFactor可以把机器分为@1x,@2x,@3x三种机型,具体见下图:2、UI设计师...
  • 手机型号 屏幕尺寸 屏幕密度 开发尺寸 像素尺寸 倍图 ... 326ppi 320*568 pt 640*1136 px @2X 6/6S/7/8 4.7英寸 326ppi 375*667 pt 750*1334 px @2X 6+/6S+/7+/8+ 5.5英寸 401p...
  • 经常需要告诉设计关于iPhone的分辨和icon的需要的尺寸,有时候自己也忘记了,都是从文档《Human Interface Guidelines》中取的,mark... 180px × 180px (60pt × 60pt @3x)   120px × 120px (60pt × 60...
  • 首先我们大致了解一下每个简称的含义,他们...pt: (point)点,印刷行业常用单位,等于1/72英寸,就是我们在Word或者WPS等办公软件中使用的字体大小单位; ppi: (pixel per inch)每英寸像素数,该值越高,则屏幕越细腻,
  • iOS1 pt = 逻辑像素 1 px = 物理像素 1 px(非 Retina)或 2 px(Retina) 如果你新建 Photoshop 文档时将 PPI 设定为 72,则文档中 1 pt = 1 px;如果你把 PPI 设为 144,则 1 pt = 2 px。 所以,你做非 ...
  • 1 Android 尺寸适配: 【dp sp ->px 到 pt->px 】常用的dp sp 来定义尺寸。 dp: 虚拟像素,在不同机器上自动适配 公式:dp * densityDpi /160 = px 我们的 densityDpi 像素密度,比如160 320等 我们...
  • iOS常用控件尺寸

    2019-09-05 11:34:27
    iOS 开发中用到的单位 pt 是独立像素的意思,它是绝对长度,不随屏幕像素密度变化而变化(和我们日常用到的毫米、厘米是一个意思,只是它要小得多),在非视网膜的 iPhone 上(iPhone 3G),苹果规定 1px=1pt,也...
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
  • 有时候为iOS设计app并不是一件简单的事,但是如果你能找到正确的最新的苹果设备信息,并按照正确的方向,那么为iOS设计app或许会变得简单容易些。 关于这些指南 这些指南描述了如何遵守苹果的iOS 人机交互指南来...
1 2 3 4 5 ... 20
收藏数 829
精华内容 331