在iOS应用程序中,应用程序图标的尺寸、文件类型和ppi分辨率如下:
推荐的腾讯云相关产品和产品介绍链接地址:
需要注意的是,iOS APP图标的尺寸和命名都需要遵守相关规范。...从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。...苹果在WWDC2012 iOS6中已提出了Auto Layout的概念,即使用约束条件来定义视图的位置和尺寸,以适应不同尺寸和分辨率的屏幕。...12.DEPRECATED API适配 最后,除了对屏幕尺寸和分辨率进行适配之外,还需对iOS SDK中相关的DEPRECATED API进行适配。...设备的屏幕尺寸、分辨率及其屏幕边长比例》 《iOS判断设备屏幕尺寸、分辨率》 《iOS8中的UIScreen》 《Detecting iPhone 6/6+ screen sizes in point
1.iPhone尺寸规格 1 inch = 2.54cm = 25.4mm 手机 尺寸 逻辑分辨率(pt) 像素分辨率(px) Scale factor PPI 3GS 3.5-inch 320...需要注意的是,iOS APP图标的尺寸和命名都需要遵守相关规范。...从分辨率的角度来看,除了需要提供LaunchImage这种满屏图,其他基本沿用二倍图(@2x);从屏幕尺寸角度来看,需要对纵向排版略加调整。 ...从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。...苹果在WWDC2012 iOS6中已提出了Auto Layout的概念,即使用约束条件来定义视图的位置和尺寸,以适应不同尺寸和分辨率的屏幕。
需要注意的是,iOS APP图标的尺寸和命名都需要遵守相关规范。...从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。...苹果在WWDC2012 iOS6中就已提出了Auto Layout的概念,即使用约束条件来定义视图的位置和尺寸,以适应不同尺寸和分辨率的屏幕。...12.DEPRECATED API适配 最后,除了对屏幕尺寸和分辨率进行适配之外,还需对iOS SDK中相关的DEPRECATED API进行适配。...参考: 《iOS设备的屏幕尺寸、分辨率及其屏幕边长比例》 《iOS判断设备屏幕尺寸、分辨率》 《iOS8中的UIScreen》 《Detecting iPhone 6/6+ screen
1.iPhone尺寸规格 设备 iPhone 宽 Width 高 Height 对角线 Diagonal 逻辑分辨率(point) Scale Factor 设备分辨率(pixel) PPI 3GS...需要注意的是,iOS APP图标的尺寸和命名都需要遵守相关规范。...从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。...苹果在WWDC2012 iOS6中就已提出了Auto Layout的概念,即使用约束条件来定义视图的位置和尺寸,以适应不同尺寸和分辨率的屏幕。...12.DEPRECATED API适配 最后,除了对屏幕尺寸和分辨率进行适配之外,还需对iOS SDK中相关的DEPRECATED API进行适配。
然而像素并没有确定的物理尺寸,它仅仅代表着一个“着色点”。另一个紧密相关但又常被误用的概念,分辨率,则和像素一起决定图片的物理尺寸,稍后我们会具体谈到。...#3 关于iOS APP尺寸设置的基础 这里顺便提一下iOS APP的界面设置和一些UI设计师向程序员交付文档时所需要知道的常识,以保证交接的和谐平顺以及不返工,你懂的。...对iOS开发稍微熟悉的朋友都知道iPhone界面上元素的定位都是通过一个固定的单位point,而非px,屏幕上固定有320x480pt,retina屏两倍的分辨率改变的只是pt和px之间的比例而已,这样就能实现不改变程序...iOS APP设计图的设置为640x960px,72ppi,RGB,在UI设计师把设计图交给程序员时,最好在设计图上进行以下内容的标注:字体大小(以像素为单位),文字图标等元素的像素位置,选中和展开的状态和位置...如果你思路足够清晰的话可以这样做:按照前边的设置,把ps中屏幕的ppi设为你屏幕的实际ppi,把字体的单位换成px,在image size中把设计图的分辨率改为和iPhone一样,326ppi,这时候如果我们按打印尺寸查看就能得到同
移动应用的界面设计画布尺寸设计多大(特别是Android)、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现?...本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索,来分享移动应用界面设计中的尺寸规范等问题,希望能给移动端的新手设计师些许指引。若有不当之处,欢迎斧正。...于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。...原因是他们不会因为ppi的变化而变化,在相同物理尺寸和不同ppi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,而px则不行。...5、背景图 密度 ldpi mdpi hdpi xhdpi 分辨率 480*320px 800*460px 1280*720px 6、png图在线工具 在线自动生成.9png图的Android设计切图工具推荐
刚接触移动应用的界面设计,最先跳入脑海的疑问是:画布尺寸设计多大(特别是Android)、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现?...本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索,来分享移动应用界面设计中的尺寸规范等问题,希望能给移动端的新手设计师些许指引。若有不当之处,欢迎斧正。...原因是他们不会因为ppi的变化而变化,在相同物理尺寸和不同ppi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,而px则不行。...二、iOS篇 1、分辨率 iPhone 界面尺寸:320×480、640×960、640×1136 iPad 界面尺寸:1024×768、2048×1536 (以上单位都是像素,至于分辨率一般网页...三、如果android、iOS同时开发,设计稿尺寸设置多大呢?
项目中Icon Spotlight-iOS 5,6 29 x2 x3 Spotlight-iOS 7-9 40 x2 x3 App-iOS 7-9 60 x2 x3 项目中LaunchImage Retina...iOS 7-9 Retina4 640 x 1136 提交AppStore-Icon 1024 x 1024 提交AppStore-预览图 5.5英寸 1242 x 2208 4.7英寸 750...px 逻辑分辨率 414 x 736 pt 375 x 667 pt 320 x 568 pt 320 x 480 pt 屏幕密度 401 ppi 326 ppi 326 ppi 326 ppi DPI...个人建议 不过我建议以iPhone6P放大模式(1125 x 2001 px)为基准来标注和切图 切出来的资源是@3x的 再缩小1.5倍就是@2x的 这样做是因为现在iPhone6和iPhone6P的用户已经很多了...,同时也为了降低切图的难度 切图神器 推荐一个切图的神器 PhotoshopCC新功能 生成图像资源
显示分辨率 屏幕拥有的像素总数,单位为像素(pixel,简写px) 屏幕像素密度 Pixels Per Inch,简写PPI或ppi,指的是每英寸所拥有的像素数。...为了尽可能减少开发人员的工作成本,开发人员需要一套统一的分辨率和尺寸单位,由此衍生出一个新的分辨率——逻辑分辨率(单位是虚拟尺寸单位): Android 的虚拟尺寸单位是dp(用于元素)和sp(用于字体...iOS 的虚拟尺寸单位是pt。 正常来说,设计师设计时采用的是显示分辨率(单位:px),程序员开发时采用的逻辑分辨率(单位:虚拟尺寸单位)。...不同iphone转换成逻辑分辨率后的ppi尽量接近。 切图 对于@2x的设计来说,1 * 1 pt = 2 * 2px;对于@3x的设计来说,1 * 1 pt = 3 * 3 px....所以设计好的@1x的图,要把它切开,由 1 * 1 pt 的大小切成 2 * 2 px 和 3 * 3 px 的大小。故谓之切图。
iOS设备的分辨率和尺寸(参考The Ultimate Guide To iPhone Resolutions) 分辨率 点(point): 开发过程中,所有基于坐标系的绘制都以point为单位,point...(Pixels-per-inch)的特性,PPI的值告诉你每英寸会有多少像素渲染 iOS 各个设备对应的分辨率 机型 屏幕宽高(point) 渲染像素(pixel) 物理像素(pixel) 屏幕对角线长度...分别指定一套图时需要加上此字段 filename_extension: 图片后缀名,iOS中使用 png 图片 例如: MyImage@2x.png - 2x 显示屏自动加载的图片版本 MyImage...- 3x iPhone and iPod 显示屏自动加载的图片版本 设计和开发之间的多屏适配问题 现在iPhone的屏幕尺寸也不再单一,那么现在以怎样的流程来进行iOS的研发更合适呢?...一个基本思路是: 选择一种尺寸作为设计和开发基准 定义一套适配规则,自动适配剩下两种尺寸 特殊适配效果给出设计效果 这个问题很早之前在知乎上已经被讨论,附上链接:手机淘宝设计师pigtwo的回答
iphone手机的像素密度是163ppi,但是到了iPhone4的时候像素密度是326ppi,开发者发现初代的1px和iphone4下的1px显示尺寸不相等了,无疑将增加适配的工作量,于是iphone开发者提出了一个...同样Android开发者也遇到了同样的问题,google提出的解决方案是dp(Density-Independent Pixels),基准是160ppi下的1px代表的尺寸; ? ...按照图中所示,设计图都是按照pt来设计的, 设计图的标准是:x1,x2和x3,也就是设计图的像素为320x480,750x114,1242x2208,但是由于工艺原因,iphone6+的物理像素(分辨率...)达不到1242x2208,所以只能做一次采样处理(并非缩放,因为显示尺寸并没有变化,还是5.5 inch),显示效果可能比真实的设计图差一点,但是本身分辨率已经很高了。...4.HTML中的css像素和dpr 在HTML中不得不提到viewport,经常会设置viewport的width=device-width,那这个device-width的值是多少呢?
一.iPhone 各屏幕尺寸表 手机型号 屏幕尺寸(inch) 像素密度(PPI) 逻辑分辨率 (point) 物理分辨率(屏幕分辨率)(pixel) 缩放因子(scale factor) 宽高比...逻辑分辨率和物理分辨率 逻辑分辨率以point(pt)为单位,物理分辨率以pixel(px)为单位。...区分逻辑分别率和物理分辨率是因为在早期iPhone 3GS之前,iOS绘制图形以point为单位。在这个时期point和pixel严格对应在一起。...所以到了iPhone 4,逻辑分辨率和物理分辨率的关系就成了: 1 pt = 2 px 解释一: 物理分辨率是硬件所支持的,逻辑分辨率是软件可以达到的。...其对应关系为: 1 pt = scale * px 早期的iPhone3GS的屏幕屏幕分辨率是320 * 480,iOS绘制图形(CGPoint/CGSize/CGRect)均已point为单位。
2、iOS设备屏幕分辨率:(ppi是像素密度单位【像素/英寸】,401ppi表示每英寸上有401个像素) ?...ppi(pixel per inch)计算,以6Plus为例: 屏幕分辨率1920 x 1080, 屏幕尺寸5.5英寸(手机屏幕对角物理线的长度), 1920 x 1920 + 1080 x...1080 = 4852800, 开根号为:2202.907... 2202.907 / 5.5 = 400.528 ppi, 大约就是401ppi 3、iOS的三种分辨率 1)、资源分辨率:资源图片的大小...2)、设计分辨率:逻辑上的屏幕大小,单位是点。我们在Interface Builder设计器中的单位和程序代码中的单位都是设计分辨率中的“点”。 ...iPhone 6 Plus和 6S Plus是最为特殊的设备,资源分辨率与屏幕分辨率的比例是1.15 : 1, 而其他的设备比例是1 : 1。
除非一些特殊的情况,不想跟随系统字体变化的,可以使用dp dpi 是dot per inch,每英寸多少点,ppi是 Pixel per inch,每英寸像素数,针对显示器的设计时,dpi=ppi 二、...那么我们在和UI小姐姐要图的时候该怎么要呢?相信目前很多开发人员都会用IOS中的@2X的图片,为什么可以直接用IOS的@2X图片呢?...先来看一下IOS中手机尺寸和分辨率 设备 屏幕尺寸 分辨率 Reader iPhone4/4s 3.5 640x960 @2x iPhone5/5s/5c 4.0 640x1136 @2x iPhone6...750x1334,而我们的xhdpi的分辨率为720x1280,相差的不多,所以一般的公司只按照IOS的UI设计一套UI图和切图,而苦逼的Android开发就硬着眉头上吧。...这样反倒浪费了时间同时也不能展现出来各个平台的独有的特性,GoogleIO刚刚结束,Google出品的APP将Android平台的特性展现的淋漓尽致,当然这些都纯属个人看法,话说回来,那么就需要UI设计师了解Android和IOS
这表示图片分别在垂直和水平上所具有的像素点数为 800和 400。 同一尺寸的图片,分辨率越高,图片越清晰。 ? 2.4 PPI PPI(PixelPerInch):每英寸包括的像素数。...在上面描述手机分辨率的图片中,我们可以看到: iPhone XSMax 和 iPhone SE的 PPI分别为 458和 326,这足以证明前者的屏幕更清晰。...由于手机尺寸为手机对角线的长度,我们通常使用如下的方法计算 PPI: $$ \frac{\sqrt{水平像素点数^2+垂直像素点数^2}}{尺寸}$$ iPhone6的 PPI为 $ \frac{\sqrt...我们必须用一种单位来同时告诉不同分辨率的手机,它们在界面上显示元素的大小是多少,这个单位就是设备独立像素( DeviceIndependentPixels)简称 DIP或 DP。...iOS的尺寸单位为 pt, Android的尺寸单位为 dp, ReactNative中没有指定明确的单位,它们其实都是设备独立像素 dp。
几组概念 分辨率 屏幕上物理像素的总数。添加对多种屏幕的支持时, 应用不会直接使用分辨率;而只应关注通用尺寸和密度组指定的屏幕尺寸及密度。 屏幕尺寸: 按屏幕对角测量的实际物理尺寸。...(Pixels Per Inch):图像分辨率;是每英寸图像内有多少个像素点,分辨率的单位为ppi,通常叫做像素每英寸。...建议以高分辨率作为设计大小,然后按照倍数对应缩小到小分辨率的图片。 一般情况下,我们只需要提供3套切图资源就可以满足安卓工程师的适配,分别是 HDPI、XHDPI、 XXHDPI 3套切图资源。...推荐使用的办法就是只提供最大尺寸的切图,xxhdpi 的高清图, 然后可以交给安卓工程师自己去缩放适配其他分辨率。...图标的各个屏幕密度的对应尺寸 .9图自动拉伸 ImageView的ScaleType属性 设置 不同的 ScaleType 会得到不同的显示效果,一般情况下,设置为 centerCrop 能获得较好的适配效果
在iOS开发及测试中,文字和图片的机型适配是一项重要工作,这篇文章给大家介绍下常用的iPhone的屏幕分辨率相关概念及各个机型的屏幕适配技术。 屏幕适配相关概念 1....分辨率 历代iPhone的分辨率: ? 从比例可以看出,在iPhone 5和iPhone X进行了加长处理。中间的各个版本的比例是一致的。 3....逻辑分辨率和物理分辨率 逻辑分辨率以point(pt)为单位,物理分辨率以pixel(px)为单位。 区分逻辑分别率和物理分辨率是因为在早期iPhone 3GS之前,iOS绘制图形以point为单位。...iPhone 4的屏幕物理尺寸还是3.5寸,分辨率为640 × 960,提升了4倍。也就是说,原先的1 point可以容纳4个pixel。 ?...到了iPhone 4,逻辑分辨率和物理分辨率的关系就成了:1 pt = 2 px。 4. 缩放因子(scale) 因为逻辑分辨率和物理分辨率存在着一定的比例关系,这种比例的关系称为缩放因子。
像素主要用来表示图像大小和显示器分辨率(如1920*1080px)。像素本身的物理尺寸不固定,所以它的物理尺寸没有意义,有意义的是它的数量。 为什么像素的物理尺寸不固定?...因为“像素量px = 像素密度ppi x 屏幕尺寸in”,同样是1英寸的屏幕,密度越大,像素越多,则单个像素的物理尺寸越小。 都是图片相关信息,图片体积和像素有什么关系?...**总结:**像素px常用来描述图像尺寸和显示器分辨率。 ppi:像素密度(pixel per inch) 英寸屏幕上显示的像素量,密度单位。决定图片的物理显示尺寸,只有涉及到显示才有意义。...图像分辨率则是单位英寸中所包含的像素点数,比如photoshop 里新建画布时设置的图像分辨率72ppi,其定义更趋近于分辨率本身的定义 注意: 同一显示屏上查看图片,像素量越大,图片尺寸越大。...对于设计师来说像素密度很重要,需要很据像素密度来切图和适配,理解了像素密度的意义,就理解了几倍图之间的关系。
领取专属 10元无门槛券
手把手带您无忧上云