iPhone 6 在渲染时使用的是@2x 还是@3x？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3628 天前的主题，其中的信息可能已经有所发展或是发生改变。

网上文章都是说@2x，但@2x的分辨率不够啊？？

渲染

网上

文章

20 条回复 • 2015-01-11 23:11:31 +08:00

66beta

2015-01-07 09:50:34 +08:00

chrome 说是2X

nagato

2015-01-07 09:58:39 +08:00

###Please read the "iOS Human Interface Guidelines"

Make sure that you supply high resolution assets for all artwork and graphics in your app. **In particular, supply @3x assets for iPhone 6 Plus and @2x assets for all other high-resolution iOS devices.**

zioc

2015-01-07 10:12:08 +08:00

@nagato 答非所问。说了原因吗？

vanemu

2015-01-07 10:15:15 +08:00

@2x，分辨率不够是什么意思？

nagato

2015-01-07 10:24:13 +08:00

@zioc 如果这还不是你想要，那我不知道你想要的是什么了

zioc

2015-01-07 10:42:27 +08:00

@vanemu iphone6的分辨率是1334×750，iphone5是1136×640。在xcode（568x320）来做一幅图是100x100，iphone5（1136x640）正好是2x，所以提供200x200。

而iphone6跟iphone5比分辨率更大，2倍的图片显然会有失真是么？

sadaharu

2015-01-07 10:44:11 +08:00

@2x，分辨率不够是什么意思？

sadaharu

2015-01-07 10:46:57 +08:00

提供更大的不就好了，目前项目所有的图片都为@2x，表示毫无压力

66450146

2015-01-07 10:48:32 +08:00

@zioc iPhone 6 的屏幕里面可以放下更多的东西，完全没有问题啊

vanemu

2015-01-07 10:50:07 +08:00

不会的。iPhone 5 和 iPhone 6 的 DPI 是都是 326。

jetbillwin

2015-01-07 10:53:08 +08:00

@zioc 可是iPhone 6相对于5显示的范围也大了啊……我觉得这样就不需要解释了吧。

freegink

2015-01-07 10:55:51 +08:00

iPhone 6 plus 才是@3x

zwzmzd

2015-01-07 10:56:45 +08:00 via Android

@zioc @2x，因为iphone 6逻辑像素和屏幕像素的缩放比依然是2

我懂lz意思，你们的app在iphone 6上和iphone 5上想做的一样，区别就是尺寸有一定的缩放。照这个意思@2x肯定不够的，你需要重新为iphone 6设计一套图标。

但我觉得你在iphone 6上多显示点内容，比如内容类app每行的字多显示点，图标的大小可以保持和iphone 5相同

不知道我说清楚了没，lz还可以去看看iphone 4刚出来时苹果要求@2x的原因

jevonszmx

2015-01-07 10:58:40 +08:00

@zioc
@nagato

supply @3x assets for iPhone 6 Plus
and
@2x assets for all other high-resolution iOS devices.

这么明显。。。

BGLL

2015-01-07 11:25:04 +08:00

http://iconmoon.com/blog2/iphone-6-plus-screen-size/
http://stackoverflow.com/questions/25755443/iphone-6-plus-resolution-confusion-xcode-or-apples-website-for-development

66beta

2015-01-07 11:35:37 +08:00

320的图片拉到375问题也不大吧
另外不能只看5和6的屏幕做吧，外面设备那么多，设计上灵活点才是出路

66beta

2015-01-07 11:36:29 +08:00

PS: Use width, dont use device-width

wangccddaa

2015-01-07 11:42:06 +08:00

1 设置成@2x 并不是表示你的图片可以适应所有的retina 设备，只是为了告诉系统现在的图片的scal 是2 ，在使用的时候需要缩小两倍来适应屏幕。只有单倍图会发现图片会变成原来的两倍，被铃声而且还模糊（你可以试一下）。

2 对于需要铺满屏幕的，楼主需要做的为不同设备设计不同大小的图片（iphone6 一下一套，iphone6 一套，iphone6 plus 一套）。

3 对于按钮，小图片等完全可以使用AutoLayout 来设置他们的相对位置。

iphone5/5s/5c 设备的分辨率是设备屏幕的两倍所以2x
iphone6 设备的分辨率是设备屏幕的2倍所以2x
iphone6 plus 设备的分辨率是设备的3呗所以3x

但是你不能说把 iphone 5 的图拿给iphone6 用吧，即时都是2x,这得分情况，是不是。

jackyliudm

2015-01-07 17:49:27 +08:00

@zioc 他的意思是除了iPhone6+ 用@3x, 其他都用@2x

zioc

2015-01-11 23:11:31 +08:00

@vanemu 跟dpi没关系吧。dpi是相同，但因为屏幕大的原因，图片在6上显示比5上要大呀。
@66beta width 6也比5大。
@jackyliudm iphone6 设备的分辨率是设备屏幕的2倍所以2x。。。这是怎么得出的2x？