29

OS Xのアプリケーションアイコンとメニューバーアイコンのサイズはどのくらいにする必要がありますか？

小さな解像度のディスプレイを扱うことはできますが、Retinaはどうですか？メニューバーに表示されるアイコン（例：20 x 20）は、Retinaディスプレイを搭載した新しいMacBook Proで小さくなったり、ぼやけたりしますか？アプリケーションアイコンは拡大縮小されると思いますので、通常の2倍の大きさで準備すれば、Retinaでは問題ないはずです。

サイズ仕様のiOS開発のための優れたガイドを見つけましたが、OSXの同様のサイズ仕様を見つけることができません。

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ピクセルのサイズの2つのPNG画像を作成します
  2. RenderAsをTemplateImageに設定してXcodeで新しい画像アセットを作成し、1xおよび2xの画像を追加します
  3. サイズを変更せずに、画像アセットからNSImageを初期化します。NSImage(named: "Example")
于 2017-02-16T15:17:52.183 に答える
4

これらの手順に従うと、網膜の完全にシャープなステータスバーアイコンが表示されます

  1. フォトショップでアイコンのpngファイルを開きます。88pxx88pxより大きくする必要があります
  2. メニュー、画像、画像サイズに移動します
  3. 解像度を350に設定します
  4. サイズを88pxx88px（ピクセル）に設定
  5. 画像をpngとして保存し、xcodeを追加します
于 2014-07-11T16:23:04.637 に答える
-2

Michaelの回答に追加すると、網膜ディスプレイのために、最大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

アプリアイコンの最大サイズは1024x1024である必要があります。

また、16 x 16、32 x 32、128 x 128、256 x 256、512 x 512、1024x1024の通常の解像度アイコンと網膜解像度アイコンの両方を作成する必要があります。

詳細については、Appleの「OSXの高解像度ガイドライン」ドキュメントを参照してください。

于 2012-10-03T18:56:51.747 に答える