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

2015-01-07 09:49:46 +08:00
 zioc
网上文章都是说@2x,但@2x的分辨率不够啊??
12281 次点击
所在节点    问与答
20 条回复
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
@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
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?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/159881

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX