你的位置：
&& 详细内容
苹果iPhone 6iPhone 6与6 Plus官方效果图屏幕大小分辨率0x1080
热度404票&&浏览93次
时间：日 21:44
苹果iPhone 6与6 Plus官方效果图
iPhone 6 Plus
iPhone 6 Plus是拥有5.5英寸屏幕的产品，它成为了目前苹果推出的最大的iPhone产品。iPhone 6 Plus保持了和iPhone 6完全一致的外观，不同的是iPhone 6 Plus的机身厚度稍有增加达到7.1毫米，屏幕分辨率达到像素。更大的屏幕能让iPhone 6 Plus显示更多的内容，苹果此次在两款手机上都强化了横评显示的功能，iOS 8在iPhone上可以实现类似iPad的横向显示效果。
摄像头方面，iPhone 6 Plus加入了光学防抖功能，这是iPhone 6所不具备的。
iPhone 6 Plus的电池也是迄今为止所有的iPhone产品中最大的，发布会现场苹果没有给出具体的参数，但是从数据看，iPhone 6 Plus的连续音乐播放时间是5S的两倍，纯待机将能达到16天，之前5S只有10天。
价格方面，iPhone 6 Plus的签约价格要比iPhone 6贵100美元， 16/64/128GB的售价分别为299/399/499美元。
这两款手机都将在9月12日开启预定，9月19日上市。首批上市的国家和地区包括美国、加拿大、法国、德国、英国、中国香港、日本、新加坡和澳大利亚，中国大陆无缘iPhone 6/6 Plus首发。
对本文中的事件或人物打分:
当前平均分：-0.34 （102次打分）
对本篇资讯内容的质量打分:
当前平均分：0.06 （104次打分）
【已经有102人表态】
[感动最多的]
[路过最多的]
[高兴最多的]
[难过最多的]
[搞笑最多的]
[愤怒最多的]
[无聊最多的]
[同情最多的]
上一篇: 下一篇:
网友评论仅供网友表达个人看法，并不表明本网同意其观点或证实其描述。出于好奇而对iPhone 6+ PX分辨率的分析-早读课 | 互联网早读课
分享到:|||||
/ 编辑: / 分类:, /
本文是译者@郝梁梁 翻译并投稿早读课。
本质上，APP以1242px×2208px作为其原始分辨率，而经过下采样到1080p的显像则作为其物理表现形式。那问题来了：1.为什么苹果选择1080p的面板而不是1242px×2208px的面板？2.如果苹果非得采用1080p的面板，那它为什么不直接设置1080px×1920px作为原始分辨率而要不厌其烦的选择降低采样频率呢？
译者注：下采样即缩减像素采样， 使原有大小的图像/视频文件减少一倍的分辨率，是一种特殊的可以提高视觉效果的技术。这种图像是在运算一个比实际显示器高很多的分辨率。相当于显示器被“欺骗”显示一个超出其限度的相当高分辨率的画面，并缩小至适应屏幕的分辨率显示出来，来达到绝对的抗锯齿。举例来说，如果你的显示器最大分辨率是0，Downsampling的功能将会在00的超高分辨率进行渲染，然后通过缩减采样来输出0的最终实际画面。
Downsampling的效果虽然好，但也有不可避免的缺陷，Downsampling的运算相当复杂，而且还不支持所有硬件，这将会限制它的广泛应用。
对于iphone 6+ 的屏幕，这次苹果不得不做出妥协，但坦白说这步棋走得很聪明。
苹果决定在它迄今为止最大的iPone上采用1242px×2208px的分辨率。这样一个屏幕尺寸足够展现比iPhone 5S 和 iphone6 都丰富的界面内容。然而实际上，它仅仅体现在软件方面。硬件方面，苹果只能使用低分辨率1080p的面板来显示成像。通过降低采样频率技术，1242px×2208px的内容就会被渲染成1920px×1080px，显示在同样5.5英寸的屏幕上。
我们将剖析苹果此次决策背后的学问。不仅仅只是关注近来发生在iPhone 6+的下采样，而是理解其背后牵涉的种种限制。有趣的是苹果长期以来坚定不移的对所有自家设备主张完美像素级缩放，而此次却对新iPhone 6+做出让步。如果完全处于理想世界，苹果当然会坚持己见，这篇文章也就不会存在。
iPhone 6+ 的分辨率
日，伴随着“比更大还更大”标语，苹果不仅发布了iPhone 6，同时推出的还有一支更大的iPhone 6+。依照惯例，苹果在产品发布上公布了所有的规格和价格。当时我特别关注新iPhone的分辨率，看到iPhone 6+的分辨率为401ppi时，我觉得很诧异。这个规格是根据苹果官网上所显示的，当时我并不知道这不是真实的分辨率数值，我就觉得官网数据有问题。所以我做了计算，用1080px×1920px，除以它的对角线像素，得到的是400.52ppi。好吧，的确是401ppi，没有错。
我依照事实设想了几个场景：
1.苹果可以选择以1：2的比例缩放，那就会得到540pt×960pt的有效分辨率，对一个平板手机来说这是一个合理的尺寸，但它的精度就会是200dpi，UI元素会缩放到超出可用范围。所以这并非一个好的选择。
2.如果尝试3倍缩放，有效分辨率就是360pt×640pt。这个结果比iPhone 6 的有效分辨率375pt×667pt还要小，显然不可行，这也与苹果想让iPhone6+能比iPhone6显示更多内容相悖。
3.不管是2倍还是3倍缩放都需要做出很大让步。有些人建议苹果采用2.5倍缩放，我对此不是很精通。
设想以上场景的时候，我在官网上做了些更深入的研究。我发现，实际上苹果将采用概念化虚拟的1242px×2208px分辨率（就是3倍缩放，有效分辨率414pt×736pt），到时在硬件上的下采样就能使这些像素适应现有的1080面板。
5.5英寸面板
它也不是5.2英寸面板。通常情况下，以1080对角线显示的类似设备都在4.9英寸到5.2英寸左右。拿谷歌Nexus 5举例，它是1080p显示分辨率的5英寸屏幕。苹果同样选择1080p但做了个更大的5.5英寸屏幕，因而像素精度从462ppi降到401ppi。暂且不说在1080p分辨率上的妥协，苹果保持了与原先相同的物理尺寸。等到苹果之后真正转变为1242px×2208px像素分辨率的时候，用户也不会感觉到有任何明显差异。
转变中遗失的并非物理尺寸，而是图像渲染的保真度
Let’s talk about fidelity lost
下面让我们来聊聊保真度的丢失:
我们现在知道苹果用下采样技术努力将那些过分拥挤的像素承载到一个相对较小的屏幕区域里。有一些像素被再次渲染。下采样会让界面看起来平滑些，那些效果通常被我们描述成模糊边缘，而非像素渲染。下采样导致渲染效果与原图的差异，我们称之为保真度丢失。
现在设想我尝试在一个非retina的屏幕上画一条1pt的黑线，坐标为x=0, y=0.25。这条线将会占据2个像素网格，每个像素网格上会填满一部分的颜色强度。与此同时，如果我在2倍的retina显示屏上画上同样的黑线，它可能会占据一个整个的和2个半个的像素网格。更进一步，3倍的retina高清显示屏的话，黑线就会占据2个整个的和2个半个的像素网格。但对于xx-hidpi屏幕，1px网格在显示在屏幕上可能连0.0025英寸都不到。我想象的时候眼睛都眯起来了，你觉得你肉眼看得见吗？
此图供参考，实际在这样一个高精度显示屏上经过下采样的像素之间并没有这么明显的差距，保真度缺失肉眼几乎看不出来。
从一开始就这么做？
为什么苹果不从一开始这么做而是半路妥协呢？在我的朋友圈中交流了几种有根据的原因。
1.苹果可能在试图削减成本。它所使用的1080p面板是我们已经在许多苹果的竞争对手设备上看到过的。苹果公司必须保证一定的盈利率，毕竟iPhone6+的价格也没有比iphone6高很多，仅100美元。Iphone6+拥有更大的屏幕，更大的电池，更好的摄像头，而且还很有可能会削减iPad的销售，那这样一来苹果从哪里弥补损失？
2.面板的供应。如果苹果非要推出独家定制的显示屏，那iphone6+的上市会被推迟吧？
3.电池寿命和运行能力也要纳入考虑。高分辨率将对这两方面都提出更高的需求。
苹果这么做其实很有头脑。它这么做有四点好处：1.在今后，假设有iphone7+，苹果可以回归到1242px×2208px而无需太多变化也不用和应用程序开发人员有所冲突。 2.它很好的满足精度需求和设备的有效像素。物理上1080p，但实际上超出1080p。3. 节约成本增加利润。无疑1080p的面板生产上更廉价。 4. 与现有供应商接洽能够帮助苹果满足产品需求并且迅速推出iPhone6+，否则的话产品将推迟上线。
反过来说，看到苹果也会做出妥协的确令人觉得不爽。
在触摸设备的领域，PPI（每英寸所拥有的像素数目）正变得越来越高。选择适合的缩放因素也要和触摸设备的DPIs可接受范围相符合。实施的核心，苹果选择精确的3倍缩放作为在iphone6+1242px×2208px的有效像素。但需要经过下采样来适应其物理1080p面板。1242px×2208px的原始分辨率至少在系统层面已被正式采用了，就等硬件了。
在硬件方面苹果搞砸了。不仅我们没有看到谣传的蓝宝石玻璃屏幕，而且它的分辨率比预想的低。软件方面，至少它保持了原来的原始分辨率，这点得赞一下。
各位，再次强调下：
在做iPhone 6+设计时，用PX，而不是！
原文： 翻译：BIGBANG DESIGN (www.)
/Alicia Zhou
早读课banner：troycoo
如果看到这段文字，证明您已经看完这篇文章了，有什么收获有什么感想有什么不赞同，我们期待您的留言评论，并诚挚邀请您加入“互联网早读课”QQ群，一同交流每天文章的心得并结识同行。官方7群：，加群密码“职业信息+城市+姓名”，否则不予通过，入群后请修改群名片。
版权所有: , 转载请注明本文出处
订阅分享: 您可以的内容更新.
看过本文的人还看了
没有相关文章
沙发，学习了，感谢分享。
关注微信，每天提醒自己来阅读
在新浪微博上关注我发布者: mobileui
本质上，APP以1242px×2208px作为其原始分辨率，而经过下采样到1080p的显像则作为其物理表现形式。那问题来了：
1.为什么苹果选择1080p的面板而不是1242px×2208px的面板？
2.如果苹果非得采用1080p的面板，那它为什么不直接设置1080px×1920px作为原始分辨率而要不厌其烦的选择降低采样频率呢？
译者注：下采样即缩减像素采样， 使原有大小的图像/视频文件减少一倍的分辨率，是一种特殊的可以提高视觉效果的技术。这种图像是在运算一个比实际显示器高很多的分辨率。相当于显示器被“欺骗”显示一个超出其限度的相当高分辨率的画面，并缩小至适应屏幕的分辨率显示出来，来达到绝对的抗锯齿。举例来说，如果你的显示器最大分辨率是，Downsampling的功能将会在的超高分辨率进行渲染，然后通过缩减采样来输出的最终实际画面。
Downsampling的效果虽然好，但也有不可避免的缺陷，Downsampling的运算相当复杂，而且还不支持所有硬件，这将会限制它的广泛应用。
对于iphone 6+ 的屏幕，这次苹果不得不做出妥协，但坦白说这步棋走得很聪明。
苹果决定在它迄今为止最大的iPone上采用1242px×2208px的分辨率。这样一个屏幕尺寸足够展现比iPhone 5S 和 iphone6 都丰富的界面内容。然而实际上，它仅仅体现在软件方面。硬件方面，苹果只能使用低分辨率1080p的面板来显示成像。通过降低采样频率技术，1242px×2208px的内容就会被渲染成1920px×1080px，显示在同样5.5英寸的屏幕上。
我们将剖析苹果此次决策背后的学问。不仅仅只是关注近来发生在iPhone 6+的下采样，而是理解其背后牵涉的种种限制。有趣的是苹果长期以来坚定不移的对所有自家设备主张完美像素级缩放，而此次却对新iPhone 6+做出让步。如果完全处于理想世界，苹果当然会坚持己见，这篇文章也就不会存在。
iPhone 6+ 的分辨率
日，伴随着“比更大还更大”标语，苹果不仅发布了iPhone 6，同时推出的还有一支更大的iPhone 6+。依照惯例，苹果在产品发布上公布了所有的规格和价格。当时我特别关注新iPhone的分辨率，看到iPhone 6+的分辨率为401ppi时，我觉得很诧异。这个规格是根据苹果官网上所显示的，当时我并不知道这不是真实的分辨率数值，我就觉得官网数据有问题。所以我做了计算，用1080px×1920px，除以它的对角线像素，得到的是400.52ppi。好吧，的确是401ppi，没有错。
我依照事实设想了几个场景：
1.苹果可以选择以1：2的比例缩放，那就会得到540pt×960pt的有效分辨率，对一个平板手机来说这是一个合理的尺寸，但它的精度就会是200dpi，UI元素会缩放到超出可用范围。所以这并非一个好的选择。
2.如果尝试3倍缩放，有效分辨率就是360pt×640pt。这个结果比iPhone 6 的有效分辨率375pt×667pt还要小，显然不可行，这也与苹果想让iPhone6+能比iPhone6显示更多内容相悖。
3.不管是2倍还是3倍缩放都需要做出很大让步。有些人建议苹果采用2.5倍缩放，我对此不是很精通。
设想以上场景的时候，我在官网上做了些更深入的研究。我发现，实际上苹果将采用概念化虚拟的1242px×2208px分辨率（就是3倍缩放，有效分辨率414pt×736pt），到时在硬件上的下采样就能使这些像素适应现有的1080面板。
5.5英寸面板
它也不是5.2英寸面板。通常情况下，以1080对角线显示的类似设备都在4.9英寸到5.2英寸左右。拿谷歌Nexus 5举例，它是1080p显示分辨率的5英寸屏幕。苹果同样选择1080p但做了个更大的5.5英寸屏幕，因而像素精度从462ppi降到401ppi。暂且不说在1080p分辨率上的妥协，苹果保持了与原先相同的物理尺寸。等到苹果之后真正转变为1242px×2208px像素分辨率的时候，用户也不会感觉到有任何明显差异。
转变中遗失的并非物理尺寸，而是图像渲染的保真度
Let’s talk about fidelity lost
下面让我们来聊聊保真度的丢失:
我们现在知道苹果用下采样技术努力将那些过分拥挤的像素承载到一个相对较小的屏幕区域里。有一些像素被再次渲染。下采样会让界面看起来平滑些，那些效果通常被我们描述成模糊边缘，而非像素渲染。下采样导致渲染效果与原图的差异，我们称之为保真度丢失。
现在设想我尝试在一个非retina的屏幕上画一条1pt的黑线，坐标为x=0, y=0.25。这条线将会占据2个像素网格，每个像素网格上会填满一部分的颜色强度。与此同时，如果我在2倍的retina显示屏上画上同样的黑线，它可能会占据一个整个的和2个半个的像素网格。更进一步，3倍的retina高清显示屏的话，黑线就会占据2个整个的和2个半个的像素网格。但对于xx-hidpi屏幕，1px网格在显示在屏幕上可能连0.0025英寸都不到。我想象的时候眼睛都眯起来了，你觉得你肉眼看得见吗？
此图供参考，实际在这样一个高精度显示屏上经过下采样的像素之间并没有这么明显的差距，保真度缺失肉眼几乎看不出来。
从一开始就这么做？
为什么苹果不从一开始这么做而是半路妥协呢？在我的朋友圈中交流了几种有根据的原因。
1.苹果可能在试图削减成本。它所使用的1080p面板是我们已经在许多苹果的竞争对手设备上看到过的。苹果公司必须保证一定的盈利率，毕竟iPhone6+的价格也没有比iphone6高很多，仅100美元。Iphone6+拥有更大的屏幕，更大的电池，更好的摄像头，而且还很有可能会削减iPad的销售，那这样一来苹果从哪里弥补损失？
2.面板的供应。如果苹果非要推出独家定制的显示屏，那iphone6+的上市会被推迟吧？
3.电池寿命和运行能力也要纳入考虑。高分辨率将对这两方面都提出更高的需求。
苹果这么做其实很有头脑。它这么做有四点好处：1.在今后，假设有iphone7+，苹果可以回归到1242px×2208px而无需太多变化也不用和应用程序开发人员有所冲突。 2.它很好的满足精度需求和设备的有效像素。物理上1080p，但实际上超出1080p。3. 节约成本增加利润。无疑1080p的面板生产上更廉价。 4. 与现有供应商接洽能够帮助苹果满足产品需求并且迅速推出iPhone6+，否则的话产品将推迟上线。
反过来说，看到苹果也会做出妥协的确令人觉得不爽。
在触摸设备的领域，PPI（每英寸所拥有的像素数目）正变得越来越高。选择适合的缩放因素也要和触摸设备的DPIs可接受范围相符合。实施的核心，苹果选择精确的3倍缩放作为在iphone6+1242px×2208px的有效像素。但需要经过下采样来适应其物理1080p面板。1242px×2208px的原始分辨率至少在系统层面已被正式采用了，就等硬件了。
在硬件方面苹果搞砸了。不仅我们没有看到谣传的蓝宝石玻璃屏幕，而且它的分辨率比预想的低。软件方面，至少它保持了原来的原始分辨率，这点得赞一下。
各位，再次强调下：
在做iPhone 6+设计时，用PX，而不是！
本文是译者@郝梁梁 翻译并投稿。
相关文章：
@呆呆丶L：今天从交互角度给大家讲讲弹框的设计，喜欢的同学可以赞下~有不足之处可以留言告诉我哦~ 近...
这个世界从来没有任何一件工作叫“钱多、事少、离家近”，人生有知有力的三个十年，需要扎扎实实的靠自己。...
@米田miten 近段时间，不少朋友问我怎么准备作品集。他们中有在校学生，有已工作者，甚至设计爱好者...
读者对象：刚接触产品设计的视觉设计师 序：对于刚入行的新人，可能觉得设计规范是一件很高大上又很让人头...
莫贝网（）移动设备界面设计专业网站。为UI设计师提供手机界面设计，移动应用界面设计，平板电脑界面设计，导航界面设计等手持移动设备，移动终端界面设计相关知识的收集分享，共同学习的网站。
关注微博：这种鬼天气，谁也别想骗我去户外！什么？你说附近有皮卡丘？——我出发了。
经典永远都是值得回顾的，就像一杯红酒，经得起沉淀~
无缝世界大地图，畅爽轻功任遨游，力求还原给玩家一个真实交互的大荒天下。
不知道现在苹果和谷歌关系如何？如果关系不好，可能雅虎就是未来的 iPhone 搜索引擎了...
疑似iPhone 7原型机再次曝光，一如既往的熟悉。
人们争论来争论去，然而这里却还有一个更加根本的问题。
如果其它汽车厂商也努力为较旧的车型提供适配支持的话，那么CarPlay的发展或许会更顺...
苹果在雨中行走面临着诸多挑战，再一次回归到阳光灿烂的日子并不轻松。
武侠题材游戏是我们中国游戏特有的一种风格，那些江湖经历、高手隐世、门派考验、武功...
近日游戏开发商1Der在苹果商店当中推出的一款休闲新作《小射手（Tiny Archers）》,在...
相信很多玩家一定都看过《爱宠大机密》这部动画电影，近日，EA就推出了其改编手游《私...
相信很多玩家都应该还记得在2010年期间迅速走红的虚拟形象“汤姆猫”。虽然如今它的人...
近日，一个叫做《Prisma》的 App 火爆国外。这个 App 看起来不过就是能够将普通的自拍...
《精灵高中》是美泰推出的一部既有趣又幽默的系列动画，精灵高中汇集了一群神奇又时尚...
上周四 iOS 国区上架了一款名为《FIE Swordplay》的击剑游戏，FIE是法语 Fédération...
相比传统的外接 U 盘，HAME U1 的无线技术让其携带和使用都更加自由。
不过变魔术也是需要一些成本的，凑齐这堆零件也得几百美元~
UBTech Jimu Robot Meebot kit和Animal kit 从积木的角度来看，比普通积木难度要高，...
既然很多人都把iPad Pro看成是一台缺少了键盘的笔记本电脑，那么这个键盘配件自然是很...
昨天法国NWE某编辑发了一篇文章，据说是来自官方的EarPods，然后我们的国外同行也不淡...
可以预见的是，届时又会有一大批用户发出“在充电的时候无法听歌”的抱怨。
市面上的 iPhone 保护壳种类繁多，不仅能够保护 iPhone 机身，还可以提供充电、扩展容...
苹果官方数据线兼顾了产品设计美学、质量以及环保这三方面因素，但也正是如此，它在耐...
为什么6Plus截图的分辨率是，而不是
注册时间 最后登录
在线时间0 小时 UID
主题帖子人气
红苹果, 积分 296, 距离下一级还需 204 积分
如下图，这是6Plus的一张屏幕截图。为什么截图的分辨率是，而不是。按说，6Plus屏幕分辨率是，截图的分辨率也应该是，为什么把它放大到呢？有人注意到这个问题吗？！
image.jpg (266.72 KB, 下载次数: 0)
09:59 上传
注册时间 最后登录
在线时间0 小时 UID
主题帖子人气
iPhone 6+除外，其他所有iPhone的DPI是一致的，都是326，用@2x的素材。
但是6+的实际DPI是401，理论上苹果应该用401/326 * @2x=@2.46x的素材。但是这个奇葩的比例对开发者而言很难切图。所以苹果为方便开发者用的是@3x的素材，然后再缩放到@2.46x上，实际上是缩放到2.46/3=83%。实际上苹果选取了一个接近比例的87%。
这样算下来，物理分辨率和虚拟分比率的比例是87%，也就是=/0.87=1242.
好处就是开发者更方便，比如准备素材时，字号可以直接调成3x的。———————————————————————————————————————————————————
貌似我找到答案了！
<p id="rate_09758" onmouseover="showTip(this)" tip="我特意登录了我多年不用的帐号来加分。&人气 + 10
" class="mtn mbn">
<p id="rate_95924" onmouseover="showTip(this)" tip="&a
href=&forum.php?mod=redirect&goto=findpost&ptid=8740473&pid=&fromuid=1&&&span &666&/span&&/a&&人气 + 1
" class="mtn mbn">
<p id="rate_59522" onmouseover="showTip(this)" tip="精品文章^_^&人气 + 5
" class="mtn mbn">
<p id="rate_5281" onmouseover="showTip(this)" tip="精品文章^_^&人气 + 10
" class="mtn mbn">
<p id="rate_35439" onmouseover="showTip(this)" tip="威锋有你更精彩：）&人气 + 1
" class="mtn mbn">
<p id="rate_15311" onmouseover="showTip(this)" tip="很专业。&人气 + 1
" class="mtn mbn">
<p id="rate_9235" onmouseover="showTip(this)" tip="&a
href=&forum.php?mod=redirect&goto=findpost&ptid=8740473&pid=&fromuid=1&&&span &还是苹果厉害!&/span&&/a&&人气 + 3
" class="mtn mbn">
<p id="rate_75070" onmouseover="showTip(this)" tip="感谢分享^_^&人气 + 1
" class="mtn mbn">
<p id="rate_0677" onmouseover="showTip(this)" tip="感谢分享^_^&人气 + 5
" class="mtn mbn">
<p id="rate_98361" onmouseover="showTip(this)" tip="&a
href=&forum.php?mod=redirect&goto=findpost&ptid=8740473&pid=&fromuid=1&&&span &感谢分享^_^&/span&&/a&&人气 + 1
" class="mtn mbn">
<p id="rate_91456" onmouseover="showTip(this)" tip="精品文章^_^&人气 + 3
" class="mtn mbn">
评分次数11
我特意登录了我多年不用的帐号来加分。
精品文章^_^
精品文章^_^
威锋有你更精彩：）
感谢分享^_^
感谢分享^_^
精品文章^_^
注册时间 最后登录
在线时间1642 小时 UID
主题帖子人气
除6+外，其他所有iPhone4以后的iPhone的ppi都是326，用@2x的素材。
但是6+的实际ppi是401，理论上苹果应该用401/326 * @2x=@2.46x的素材。但是这个奇葩的比例对开发者而言很难切图。所以苹果为方便开发者用的是@3x的素材，然后再缩放到@2.46x上，实际上是缩放到2.46/3=83%。实际上苹果选取了一个接近比例的87%。
这样算下来，物理分辨率和虚拟分比率的比例是87%，也就是=/0.87=1242.
好处就是开发者更方便，比如准备素材时，字号可以直接调成3x的。
<p id="rate_77780" onmouseover="showTip(this)" tip="学习了。苹果真是一朵奇葩啊！&人气 + 1
" class="mtn mbn">
学习了。苹果真是一朵奇葩啊！
注册时间 最后登录
在线时间321 小时 UID
主题帖子人气
对sdtwd于 10:04:28在2楼发表的人气:+1;
iPhone 6+除外，其他所有iPhone的DPI是一致的，都是326，用@2x的素材。
但是6+的实际DPI是401，理论上苹果应该用401/326 * @2x=@2.46x的 ...感谢分享^_^
注册时间 最后登录
在线时间512 小时 UID
主题帖子人气
注册时间 最后登录
在线时间244 小时 UID
主题帖子人气
心有猛虎，细嗅蔷薇
iPhone 6+除外，其他所有iPhone的DPI是一致的，都是326，用@2x的素材。
但是6+的实际DPI是401 ...
应该是PPI吧
有麝自然香，不必随风扬
注册时间 最后登录
在线时间289 小时 UID
主题帖子人气
感谢分享^_^
注册时间 最后登录
在线时间128 小时 UID
主题帖子人气
学习了，扫盲之
iphone4s+Sony PHA2+Westone UM pro30
ipod classic+iBasso D12+UE TF10
htc M8+Harman/Kardon AE-s
注册时间 最后登录
在线时间2640 小时 UID
主题帖子人气
发布会结束之后这个问题就已经解答完毕了~
注册时间 最后登录
在线时间2132 小时 UID
主题帖子人气
对sdtwd于 10:04:28在2楼发表的内容评分：人气:+3;
iPhone 6+除外，其他所有iPhone的DPI是一致的，都是326，用@2x的素材。
但是6+的实际DPI是401，理论上苹果应该用401/326 * @2x=@2.46x的素材。但是这个奇葩的比例对开发者而言很难切图。所以苹果为方便开发者用的是……还是苹果厉害!
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!北京时间日凌晨1点，苹果公司正式发布其新一代产品 iPhone6，相信做webapp开发的同学对它是充满了好奇和等待，也担心它带来各种坑爹，高清的分辨率，升级的retina显示屏，我们该如何做好适配呢？
相比iPhone5，iPhone6拥有更高分辨率的，而iPhone6 plus的像素密度达到了401ppi，相比原来的326ppi，提升了25%，显示画面细节更丰富。
iPhone6 Plus设备高为736pt，宽为414pt，缩放比例为@3X，设备像素比(，缩写DPR)为3.0，分辨率为，在这个分辨率下渲染后，图像等比降低分辨率至，下图来自官网，解析iphone6 6plus分辨率：
iPhone6 plus的高清分辨率()让人感到担忧，而事实上这样的设备市场上早就有，如三星的Galaxy S4(分辨率：；设备像素比：3.0)，只是用户数并不庞大，webpp开发对它的适配也是从原始的iphone 4设计稿960*640做起，保证内容的正常展现。iPhone6 plus的出现是对它的进一步推动，而对视觉和前端无疑是一项新的挑战。
那么，我们是否要专门为iphone 6 plus&的页面单独做一套适配呢？
让我们先看腾讯云分析，该数据覆盖的设备超过15亿，是非常具有参考价值的，先了解android屏幕分辨率排名：
可以看出大屏手机是未来趋势，虽然这样，但减去大屏手机所占的比例，其它android手机所占比例为61.5%，也就是说目前窄屏手机占了绝大多数，再看高端的iphone机器比例：
iPhone 4 依然拥有最多的用户数，不容忽视它的价值。虽然大屏手机是趋势，但我们的视觉稿应该是适配大部分的设备，目前数据上看，960*640或依然是我们设计的规格，从最多用户数的设备进行设计，大屏手机正常展现，向前兼容，向后看齐，可以解决大部分问题。
那么，这对视觉稿的要求比较高，如果设计一套页面，在所有ios和android设备都展现良好，是不需要对iPhone6做适配的；如果展现效果一般(例如大屏手机下内容太小)，需要对页面再进一步适配，可以理解为我们常说的响应式设计。
这里笔者在近期的资料想出一个方法，利用CSS媒体查询做兼容，仅供参考，是否存在问题还要等待iPhone 6的机器到手再做测试下，到时会更新文章反馈大家(内容更新于，修改了设备像素比为3.0)~
@media (device-width:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone 6 */
@media (device-width:414px) and (-webkit-min-device-pixel-ratio:3.0){/* 兼容iphone6 plus */
适配这事情，还是要结合具体的项目，看老板的脸色，看用户的心思，总之，在开发的角度上看，提前做好准备，保证产品的质量和体验，搞不好老板就给你加薪~
有关retina显示屏的原理，之前写过一篇文章《》，推荐大家阅读。
有关iPhone4和iPhone5的兼容，之前写过一篇文章《》。
参考资料：
阅读(...) 评论()
朋友同事同行}