可恶的 HiDPI，以后 Preferences 图标也得做两种尺寸了

[chenluois]

开 HiDPI 模式看了一下，32x32 像素的 Preferences 图标已经模糊的不行。
以后得额外做一个 128x128 像素的，和 32x32 像素的打包成一个 .icns，才能保证清晰。

[jjgod]

Just use PDF.

[robinray]

怎么打开？

[lianghai]

呃为什么是 128 像素见方？……

[shendancan]

用矢量图吧

[est]

@jjgod app资源可以用pdf？

[soulhacker]

唉，一想到还要等很久才能看到大部分 app 完全支持 Retina Display 就焦虑……

[ydhydh]

@est http://mattgemmell.com/2012/02/10/using-pdf-images-in-ios-apps/

[chenluois]

@jjgod @shendancan 矢量PDF 细节表现相比像素还是难了一点儿，简单的图形比较适合。

[chenluois]

@lianghai 128 这个数字是参照 Apple 最近对自身图标的优化得出来的，照猫画虎。

以前

/System/Library/CoreServices/CoreTypes.bundle/Contents/Resources/

目录下的 General.icns, ProfileBackgroundColor.icns, ProfileFontAndColor.icns 等其他 Preferences 图标只有 32x32 像素，
最近被更新成了每个 .icns 都包含两种尺寸，128x128 和 32x32。

[chenluois]

@robinray 用 Quartz Debug 可以打开 HiDPI 模式。

[lianghai]

@chenluois：好神奇……那么在 HiDPI 模式之下的 Preferences 图标实际上就都是缩小到 50% 来显示的？

[chenluois]

@lianghai 不是缩小。是一个像素变两个像素的问题。这个 HiDPI 模式是为将来配 Retina 屏的 Mac 准备的。在普通屏幕上开启是变大。

就是 iPhone 3GS 和 iPhone 4 屏幕显示的区别，这么说明白了吧？

[scriptfans]

期待retina的MBP，实在是有点等不及了……

[gonghao]

@chenluois 好奇怪，为什么我没有 /Developer 目录呀，已经正确安装 Xcode 4.3，homebrew 也正常～所以就找不到 Quartz Debug，faint~

[gonghao]

@chenluois 原来 4.3.1 那么小，就是把东西都拿出来，所以还得自己去下个 Graphics Tools for Xcode - March 2012

ref: https://developer.apple.com/downloads/index.action

[lex]

用矢量图的话，或者从大图缩小的话，怎样保证缩小后的一个point正好卡在一个pixel上，没算好就可能会发虚。所以为了保证32x32的质量，是不是还是得做两张图。

[lianghai]

@chenluois: 我知道啊，但如果像大家所想，未来 Mac 的屏幕也像现在 iPhone 和第三代 iPad 的 Retina 屏幕一样是物理像素和逻辑像素之比 2:1，不是只需要 64 px 见方吗？为什么是 128 px 见方？

[chenluois]

@lianghai 你如果在问我为什么用 128，#9 不是已经答过你了么，跟着苹果的动向走的。
如果你是问苹果为什么用 128，我不知道。你说呢，为什么？

[lianghai]

@chenluois: 我在 #23 只是想确认一下苹果给的 128 像素见方的图是不是实际缩小到 64 物理像素见方来显示的……好吧，没别的事了。

[chenluois]

嗯，现在看来 @lianghai 说的有道理，确实 32px 的两倍 64px 就够了，用不着 128px。
我之前回复的态度也不好，@lianghai 海涵

[lianghai]

@chenluois: 汗……没事。刚刚又看了一下 10.7.4 里的情况，似乎基本都是提供 512、256、128、32、16 这五种尺寸的了，相当于是统一了系统里图标文件的格式。

[chenluois]

@lianghai 之前你思考的很正确，看了 Apple 更新的文档

https://developer.apple.com/library/mac/#documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Optimizing/Optimizing.html

一个大图标由 10 个部分组成

icon_16x16.png
[email protected]
icon_32x32.png
[email protected]
icon_128x128.png
[email protected]
icon_256x256.png
[email protected]
icon_512x512.png
[email protected]

那么一个 32px 的小图标 2 个部分就够了，一个 32px，一个 64px。不用 128px 那么大。
icon_32x32.png
[email protected]

[azure]

为什么我觉得Retina一出，开发又变得累人了。
就好像当时需要为IE6单独写一些CSS一样。

[chenluois]

@azure 是啊，而且为了优化在 Retina 屏上的显示效果，网站上的软件截图也得做两个版本，一个普通的，一个开 HiDPI @2x 的。