29

OS X 的应用程序图标和菜单栏图标应该是什么尺寸？

我可以处理小分辨率显示器，但是 Retina 呢？菜单栏上显示的图标（例如 20 x 20 ）在配备 Retina 显示器的新 MacBook Pro 上会变小或模糊吗？我认为应用程序图标将被缩放，所以如果我准备比常规大两倍，它在 Retina 上应该没问题。

我找到了一个很好的 iOS 开发指南，其中包含尺寸规范，但我找不到类似的 OS X 尺寸规范。

4

6 回答 6

42

NSStatusBar 图标（即菜单栏图标）与常规应用程序图标不同。我还没有找到 NSStatusBar 官方图标指南，但我不得不相信按钮的工具栏图标指南非常接近。它建议：

  • 创建尺寸不超过 19x19 像素的图标。
  • 使轮廓清晰明了。
  • 使用直截了当的视角。
  • 使用黑色（仅在必要时添加透明度以暗示维度）。
  • 使用抗锯齿。
  • 使用 PDF 格式。
  • 确保图像在控件中视觉居中（注意视觉居中可能与数学居中不同）。

在测试中，我发现：

  1. NSStatusBar 似乎在 18 像素高或更低的情况下看起来最好。systemStatusBar 的厚度为22 。
  2. 虽然它列出了 PDF 格式，但我一直在使用 png 没有问题。
  3. 如果您希望您的图标在被选中时是蓝底白字，您需要提供alternateImage 作为图标的单独白色版本。

代码示例：

myStatusItem = [[NSStatusBar systemStatusBar]statusItemWithLength:NSSquareStatusItemLength];
NSImage *statusImage = [NSImage imageNamed:@"Status.png"];
[myStatusItem setImage:statusImage];
NSImage *altStatusImage = [NSImage imageNamed:@"StatusHighlighted"];
[myStatusItem setAlternateImage:altStatusImage];
[myStatusItem setHighlightMode:YES];
[myStatusItem setMenu:self.myStatusMenu];
于 2013-01-27T19:09:56.657 回答
10

使您的菜单项支持Retina显示、暗模式和不同状态（例如按下）

  1. 创建两个大小为 16x16 和 32x32 像素的 PNG 图像
  2. 在 Xcode 中创建一个新的图像资源，将Render As设置为Template Image并添加 1x 和 2x 的图像
  3. 从图片资源初始化你的 NSImage 而不改变它的大小：NSImage(named: "Example")
于 2017-02-16T15:17:52.183 回答
4

按照这些步骤，你会得到一个完美清晰的状态栏图标视网膜

  1. 在 photoshop 中打开图标的 png 文件，它应该大于 88px x 88px
  2. 转到菜单，图像，图像大小
  3. 将分辨率设置为 350
  4. 将大小设置为 88px x 88px（像素）
  5. 将图像保存为 png 添加它 xcode
于 2014-07-11T16:23:04.637 回答
-2

由于视网膜显示器，苹果现在需要一直到 1024x1024px 的图标。

http://www.cultofmac.com/179738/apple-now-requires-high-res-1024x1024-icons-for-every-mac-os-x-app/

于 2012-10-03T18:59:41.233 回答
-3

应用程序图标的最大尺寸应为 1024 x 1024。

您必须为 16 x 16、32 x 32、128 x 128、256 x 256、512 x 512 和 1024 x 1024 创建常规和视网膜分辨率图标。

您可以在Apple的“OS X 高分辨率指南”文档中找到详细信息。

于 2012-10-03T18:56:51.747 回答