iOS 屏幕尺寸、逻辑分辨率、物理分辨率之间的相互关系
- 格式:docx
- 大小:464.34 KB
- 文档页数:3
手机屏幕长宽尺寸换算公式
手机屏幕的长宽尺寸换算公式主要涉及到屏幕的对角线长度、长宽比和像素密度等概念。
下面分别进行介绍。
1.屏幕对角线长度:
手机屏幕对角线长度是指从屏幕的一角到对角的距离。
这个长度通常使用英寸(inch)作为单位。
对于一般的长方形屏幕,可以使用勾股定理来计算对角线长度。
假设手机屏幕的长和宽分别为L和W,对角线长度为D,则有以下公式:
D=√(L^2+W^2)
2.长宽比:
长宽比是指屏幕的宽度与高度之比。
它用于描述屏幕的形状,如16:9、18:9等。
长宽比通常以两个整数表示,分别表示屏幕的宽度和高度之比。
可以使用最大公约数化简长宽比,如16:9可以化简为
16/9=1.78、如果知道屏幕的对角线长度D和长宽比,可以使用以下公式计算屏幕的实际宽度和高度:
W=D/√(1+(1/长宽比^2))
H=W/长宽比
3.像素密度:
像素密度是指屏幕上每英寸的像素数量。
像素密度通常以每英寸的像素数(如ppi)表示。
如果知道屏幕的分辨率和对角线长度,可以使用以下公式计算像素密度:
像素密度=√(水平像素数^2+垂直像素数^2)/对角线长度
需要注意的是,以上的公式只适用于长方形屏幕的计算。
对于其他形状的屏幕,如圆形、椭圆形等,计算公式可能会有所不同。
物理分辨率和计算分辨率的概念物理分辨率是指显示设备(如电视、电脑显示器、手机屏幕)实际可以显示的像素点数量,通常以水平像素数×垂直像素数来表示(例如,1920×1080)。
物理分辨率决定了设备屏幕上显示图像的细节和清晰度。
计算分辨率是指根据显示设备的物理分辨率和一些特定的算法,通过估算或插值的方法来确定设备显示的图像细节。
计算分辨率可以用于调整图像大小、改善图像质量或增加图像细节。
计算分辨率常用于数字图片处理和计算机图形学中。
它可以通过算法来增加图像的分辨率,从而使图像更加清晰。
计算分辨率会通过相关的插值算法来填充图像的空白像素,从而增加图像的细节和清晰度。
然而,计算分辨率并不能真正改变设备的物理分辨率,只能通过算法来模拟增加图像的分辨率。
显⽰器屏幕尺⼨和分辨率之间是什么关系?我们列出来它们之间的⽐例关系70:25=300:X,通过计算得出x≈107。
所以,27英⼨视⽹膜屏幕级别需要PPI达到107。
(精确计算与⽐例计算结果误差较⼩,这⾥使⽤⽐例⽅法进⾏简单计算。
)03 PPI是否越⾼越好?的确,PPI越精细越好。
但咱平民⼩⽼百姓,凡事都讲究实⽤性。
举个例⼦来说,太阳系体积排名第三的天王星和体积排名倒数第⼆的⽕星。
在夜晚眺望星空时,很难看出⼆者区别。
因为⼈的⾁眼分辨有限。
⼆者体积相差数倍之多同理,300PPI和100PPI的显⽰器在使⽤时都察觉不到像素点的存在,但300PPI的显⽰器价格要贵上数倍之多,那咱为啥买300PPI的,有多余的钱整两顿烧烤不⾹吗?钱有点多,攒⼀台顶配主机吧!!(300PPI的显⽰器需要满⾜29英⼨8K分辨率的要求,⽽⼀款PPI不⾜300的31.5英⼨8K分辨率显⽰器,市场售价在2.6万,这样的价格能接受吗?)同时,相同显⽰⾯积下的PPI越⾼,对机器性能的要求就越⼤。
游戏在4K分辨率下要⽐2K分辨率下的帧数低很多。
⼀般玩家会选择降低分辨率以获得流畅的游戏体验。
(⼟豪玩家不在讨论范围,双路泰坦即使8K分辨率也能流畅游戏)双路泰坦:降什么分辨率?!最重要的是,Windows电脑分辨率越⾼,显⽰内容就越多。
原来1920*1080像素的图像,在1080p分辨率打开这张图像,这张图像铺满整个屏幕。
在4K分辨率的显⽰器中打开这张图⽚时,只占据了约屏幕四分之⼀的位置。
在使⽤⼩尺⼨显⽰器时选择过⾼分辨率,会让原本正常显⽰的内容有很⼤的缩放⽐。
容易出现看不清显⽰器内容的情况,这时我们还需要调整系统的缩放⽐例才能正常使⽤。
调整缩放⽐例放⼤⽂字所以,我们在选择显⽰器的时候,并不是PPI越⾼越好。
有的时候,较⾼的PPI反⽽会带来不好的使⽤体验。
我们只需购买PPI 刚好达到视⽹膜屏幕级别的显⽰器即可,但显⽰器达到视⽹膜屏幕级别需要多少PPI呢?04 视⽹膜级别显⽰器要多少PPI?要知道,不同尺⼨的显⽰器,因为观看距离也不⼀样,所以它们的PPI也不同。
分辨率和尺寸对应关系随着数字设备的普及和数字媒体的不断发展,我们越来越需要了解分辨率和尺寸对应关系。
下面,我们来详细探讨一下这两个概念的关系。
一、分辨率的定义分辨率指的是显示器或照片中像素点的数量,通常用“像素”(Pixel)表示。
例如,一张照片的分辨率为1920×1080,表示该照片包含了2073600 个像素。
二、尺寸的定义尺寸指的是显示器或照片的物理大小,通常用“英寸”(Inch)表示。
例如,一块显示器的尺寸为 23 英寸,表示该显示器的对角线长度为23 英寸。
三、分辨率和尺寸的关系分辨率和尺寸常常被误解为相互独立的两个概念,实际上它们是紧密相关的。
显示器或照片的分辨率和尺寸之间存在以下关系:1. 与分辨率相同的尺寸下,像素的大小会改变。
当显示器或照片尺寸相同,但分辨率不同时,像素的大小也会不同。
分辨率越高,每个像素越小,显示效果越好。
如同等尺寸的高分屏,显示效果更加清晰细腻。
2. 与尺寸相同的分辨率下,像素的数量会改变。
当显示器或照片分辨率相同,但尺寸不同时,像素的数量也会不同。
尺寸越大,则像素数量越多,显示效果越清晰。
如同等分辨率屏幕,更大的屏幕尺寸可以呈现更多的细节。
四、分辨率和尺寸的影响因素分辨率和尺寸对显示效果的影响因素也不相同。
分辨率主要影响图像的清晰度,而尺寸主要影响图像的细节。
分辨率的影响:1. 掌握更多的细节。
分辨率越高,像素越多,能够呈现的图像细节越多,显示效果越清晰细腻。
2. 观看自然感。
高分辨率图像的色彩更加真实自然,色调、纹理更加明显,看的更舒适。
3. 花费更多费用。
高分辨率的显示器和照片的成本较高,一般适用于专业和高端用户。
尺寸的影响:1. 显示更大的场景。
大尺寸的显示器和照片能够呈现更广阔的场景,观感十分震撼。
2. 花费更高费用。
随着尺寸的增大,成本也会相应地提高,对消费者经济实力的要求也会更高。
3. 看更久时间观看不会疲劳。
大尺寸的屏幕能够更好地保护我们的视力,长时间观看也不会疲劳感。
iPhone⼿机尺⼨、分辨率、⾼宽⽐例、⼏倍图总结iPhone2G屏幕为3.5⼨,分辨率为480*320像素,⽐例为3:2。
1倍图。
iPhone3G屏幕为3.5⼨,分辨率为480*320像素,⽐例为3:2。
1倍图。
iPhone3GS屏幕为3.5⼨,分辨率为480*320像素,⽐例为3:2。
1倍图。
iPhone4屏幕为3.5⼨,分辨率为960*640像素,⽐例为3:2,⽐之前三代像素增加,但屏幕⽐例没变化。
2倍图。
iPhone4s屏幕为3.5⼨,分辨率为960*640像素,⽐例为3:2。
2倍图。
iPhone5屏幕为4⼨视⽹膜屏,分辨率为1136*640像素,⽐例为16:9。
2倍图。
iPhone5s屏幕为4⼨视⽹膜屏,分辨率为1136*640像素,⽐例为16:9。
2倍图。
iPhone6屏幕为4.7⼨,分辨率为1334*750像素,⽐例为16:9。
2倍图。
iPhone6Plus屏幕为5.5⼨,分辨率为1920*1080像素,⽐例为16:9。
3倍图。
iPhone6s屏幕为4.7⼨,分辨率为1334*750像素,⽐例为16:9。
2倍图。
iPhone6sPlus屏幕为5.5⼨,分辨率为1920*1080像素,⽐例为16:9。
3倍图。
iPhone7屏幕为4.7⼨,分辨率为1334*750像素,⽐例为16:9。
2倍图。
iPhone7Plus屏幕为5.5⼨,分辨率为1920*1080像素,⽐例为16:9。
3倍图。
iPhone8屏幕为4.7⼨,分辨率为1334*750像素,⽐例为16:9。
2倍图。
iPhone8Plus屏幕为5.5⼨,分辨率为1920*1080像素,⽐例为16:9。
3倍图。
iPhone X屏幕为5.8⼨,分辨率为2436*1125像素,⽐例为19.5:9。
3倍图。
iPhone XR屏幕为5.8⼨,分辨率为1792*828像素,⽐例为19.5:9。
2倍图。
iPhoneXS屏幕为5.8⼨,分辨率为2436*1125像素,⽐例为19.5:9。
iPhone6界面设计尺寸规范大全【含原型设计规范】目前,很多APP设计师的APP Ui设计稿是先做iPhone6的,方便向上适配iPhone6Plus,也方便向下适配iPhone5和iPhone4的尺寸。
这一节课也算是25学堂为大家精心整理的iPhone6界面设计尺寸规范大全。
当然下面的10个方面的不仅是iPhone6界面视觉设计尺寸规范,也是iPhone6界面原型设计尺寸规范。
值得APP设计师和APP产品经理好好的阅读。
所以,ios系统平台上的APP交互设计稿的尺寸,就按照iPhone6的尺寸来做。
尺寸大小如下:750*1334px1、 iPhone6的界面布局是:屏幕是4.7英寸的,设计稿的大小为750x1334px。
☆ 状态栏(status bar):就是电量条,其高度为:40px;☆ 导航栏(navigation):就是顶部条,其高度为:88px;☆主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;☆ 内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px截图如下:点击查看:完整版的iPhone 6界面设计尺寸规范另外25学堂跟大家推荐3款测量标注工具为:MarkMan马克鳗,Dorado标注,PXcook像素大厨。
1、Android APP界面标注、尺寸换算和APP标注工具2、移动APP设计之PS切图插件大汇总,值得收藏2、关于iPhone6的图标的尺寸:导航栏的图标高度为44px左右,标签栏的图标尺寸为50x50px 左右,最大为96x64px。
关于iPhone6的文字的尺寸:导航栏的文字大小最大值是34-36px,标签栏的图标下方的文字大小为20px。
内容区域的文字大小是:20px 24px,26px,28px,30px,32px,34px。
扩展阅读:iphone6/6+的适配原理和适配心得分享APP设计必备素材:iPhone6手机模板素材下载3、(iPhone6设计稿尺寸是@2x),做原型图的时候,可以做成@2x的,即750x1334px;也可以做成@1x的,即375*667px。
(笔记47)UI——dp、dip、px、dpi、density概念及关系(2013-01-23 14:11:00)转载▼分类:android标签:杂谈Array -----------------------概念关系-------------------------------size:屏幕物理尺寸,单位英寸,如19寸显示器dpi:分辨率,指每英寸长度上的点数.DPI又可细分为水平分辨率和垂直分辨率,例如一张1英寸*1英寸的图片,如果它的水平分辨率是100 dpi,垂直分辨率是50 dpi,那么就是说,它水平每英寸分成100小段,垂直每英寸分成50小段,就像米尺上的一格格那样.这张图总共有100*50=5000个格子,这张图片共有5000像素.由于它的水平分辨率和垂直分辨率不相等,所以每个像素是一个微小的长方形。
所以像素实际上是一个面积的概念,而因为一般电脑/数码相机等生产出来的图片都是水平分辨率和垂直分辨率相等,每个像素是个微小的正方形,所以就讲成"DPI表示每英寸长度上的像素个数",其实就是"每英寸长度上的点数"了.数码相机的"多少多少万像素"的概念就是这样来的,比如说,一个相机最大可以拍出1600像素*1200像素的相片,它的像素值就是1600*1200=192万,约等于200万,这就是一台200万像素的数码相机了. 于是问题中所讲的300 dpi就表示屏幕上水平和垂直的方向上每英寸的长度上都有300个点.这台机屏幕的实际高度要用像素数目和dpi结合起来算才能得出.对于这台机子,400像素就是400/300=1.33英寸,533像素就是533/300=1.78英寸. 我们在页面布局的时候,经常会设置容器的长度,但是到底该使用哪个作为长度的单位而懊恼。
在Android中支持的描述大小区域的类型有以下几种。
px(pixels)——像素:不同的设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多。
怎样区分图⽚的实际像素、分辨率和尺⼨⼤⼩1. 为什么设计师给的设计图到前端开发师⼿⾥要除以⼆?A:像素分为物理像素和逻辑像素,设计师提供的是物理像素,⽽我们使⽤的是逻辑像素。
物理像素并不代表css中使⽤的像素。
如iphone5s的逻辑分辨率是320×568,⽽物理分辨率是640×1136,像素倍率是2倍。
1.实际像素:在数码产品上图像时由点构成的,也就是说同⼀块⼤的尺⼨,上⾯的点越多,他的实际像素就越⼤。
⽐如⼀张屏幕分辨率为1024*768的照⽚,⼤概就是约80万像素,也就是说横向由1024个点构成,纵向由768个点构成。
也就是说有多少个点构成,多少像素就有多少个点。
2. 3实际分辨率:现实中主要的有两种分辨率,⼀种是屏幕分辨率,另⼀种是打印分辨率。
打印分辨率⽐较好记,⼀般的照⽚打印分辨率都是72dpi.也就是⼀英⼨的长度中打印72个像素。
⽽屏幕分辨率是指⼀张图⽚点的排列⽅式。
⽐如上⾯的1024*768的排列⼀样。
⽐如80万的像素也可以800*1000的屏幕分辨率,只是这些不常⽤⽽已。
⾄于其他的扫描分辨率和显⽰分辨率等等就不重要哦了。
3. 4实际尺⼨:这个⽐较直观了,所有物件都有⾃⼰的尺⼨的,图⽚也有。
这⾥指的是实际尺⼨,也就是说打印出来的图⽚的尺⼨,当然你也可以在打印的时候选择放⼤打印或者缩⼩打印。
4. 5关于图像的两种尺⼨的换算关系:1.⼀种是像素尺⼨,也称显⽰⼤⼩或者显⽰尺⼨,等同于图像的像素值。
2.⼀种是打印尺⼨,也称打印⼤⼩,需要同时参考像素尺⼨和打印分辨率才能确定。
3.在分辨率和打印尺⼨的长度单位⼀致的前提下,像素尺⼨除以分辨率就等于打印尺⼨。
屏幕计算公式范文
屏幕计算公式是用于计算屏幕尺寸和分辨率之间关系的公式。
在现代
技术中,屏幕尺寸一般以英寸(inch)为单位,分辨率则以像素(pixel)为单位。
屏幕尺寸指的是屏幕对角线的长度,而分辨率表示屏幕水平和垂
直方向上的像素数。
1.屏幕尺寸与分辨率之间的关系:
屏幕尺寸(inch)= √(水平分辨率² + 垂直分辨率²) / PPI
其中,PPI(Pixels Per Inch)表示每英寸的像素数,可以根据屏幕
分辨率和尺寸计算得到。
2.水平或垂直像素数:
像素数 = 屏幕尺寸(inch)× PPI
可以根据屏幕尺寸和PPI计算出水平或垂直方向上的像素数。
3.屏幕面积:
屏幕面积(平方英寸)=水平分辨率(像素)×垂直分辨率(像素)
/PPI²
屏幕面积可以根据水平和垂直分辨率以及PPI计算得到。
4.PPI计算:
PPI = √(水平分辨率² + 垂直分辨率²) / 屏幕尺寸(inch)
PPI可以根据屏幕分辨率和尺寸计算得到,它表示每英寸的像素数。
需要注意的是,上述公式中的PPI是根据实际测量或制造商提供的数值来确定的,而不是通过计算得到的。
此外,公式中的尺寸单位应保持一致,通常为英寸。
通过上述屏幕计算公式,人们可以根据已知的尺寸或分辨率,计算出相关的数值,从而更好地了解和比较不同屏幕的性能和特点。
iOS 屏幕尺寸、逻辑分辨率、物理分辨率之间的相互关系
规格对照表
相关术语说明:
●inch(英寸)
1 inch = 2.54cm = 25.4mm
●PPI (像素密度)
表示沿着对角线,每英寸所拥有的像素(pixel)数目,PPI的数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高,颗粒感越弱,图像更清晰。
根据勾股定理:iPhone4/iPhone4s的PPI的计算值:
= 163 pixcel/inch
●scale factor (缩放因子)
早期的iPhone3GS的屏幕屏幕分辨率是320 * 480,iOS绘制图形(CGPoint/CGSize/CGRect)均已point为单位。
1 point = 1 pixel
后来在iPhone4中,同样大小(3.5inch)的屏幕采用Retina(视网膜)屏幕显示技术,横、纵向方向像素密度都被放大到2倍,像素分辨率提高到(320 * 2) * (480 * 2) = 640 * 960,显像分辨率提高到iPhone3GS的4倍。
iPhone6Plus中横、纵向方向像素密度都被放大到3倍,显像分辨率提高到iPhone3GS的9倍。
scale = 单位长度内的数量比(pixel/point)
●屏幕尺寸
指的是显示屏的对角长度,以下为iPhone5s、iPhone6s、iPhone6Plus屏幕尺寸规格示意图:
点(point)和像素(pixel)换算关系
iPhone3GS
1point = 1pixel
iPone4/4s、iPhone5/iPhone5s、iPhone6/iPhone6s 1point = 2pixel
iPhone6Plus/iPhone6s Plus
1point = 3pixel。