2012-10-03 11 views
19

OS Xのアプリケーションアイコンとメニューバーアイコンのサイズはどのくらいですか?OS Xアイコンサイズ

Retinaについて - Retinaディスプレイ付きの新しいMacBook Proでは、メニューバーに表示されるアイコン(20 x 20など)が小さくなるかぼやけますか? 私はアプリケーションアイコンが拡大縮小されると思うので、私が通常の2倍よりも大きなものを準備するなら、それは網膜ではOKです。

私はサイズ仕様とiOSの開発のための優れたガイドが見つかりましたが、私はOS X用の同様のサイズの仕様に

答えて

34

NSStatusBarアイコン(すなわち、メニューバーのアイコン)通常のアプリのアイコンとは異なります。私はNSStatusBar公式アイコンのガイドラインを見つけることができませんでしたが、私はボタンのToolbar Icon guidelineがかなり近いと信じなければなりません。それは示唆している:

  • 19x19ピクセル以下を測定するアイコンを作成します。
  • 輪郭を鮮明にします。
  • ストレートオンのパースペクティブを使用してください。
  • 黒を使用してください(必要に応じて透明度を追加して、 の次元数を提案してください)。
  • アンチエイリアスを使用します。
  • PDF形式を使用してください。
  • 画像がコントロール内で視覚的に中央に表示されていることを確認してください(視覚的には は数学的に中央に配置されていない可能性があります)。テストで

、私が見つけた:

  1. NSStatusBarを18個のピクセル高、以下のもので最高のを見ているようです。 systemStatusBar has a thickness of 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]; 
+0

テンプレート画像を使用している場合、代替画像は必要ありません。イメージ名が "Template"で終わると、自動的に青色で描画されます。 – pointum

+0

イメージの名前が 'Templete'で終わっていない場合は、[[[myStatusItem image] setTemplate:YES];を設定すると、強調表示されたモードで白く描画されます。 – jeevatkm

+0

トレイアイコン名として "xxxTemplate.png"と "[email protected]"を使用するだけで、すべて自動的に設定されます。これは完璧な方法です。 – RRN

-3

を見つけることができないアプリのアイコンの最大サイズは1024×1024

すべきであり、 16 x 16,32 x 32,128 x 128,256 x 256,512 x 512 & 1024 x 1024のレギュラーとレチナの両方の解像度のアイコンを作成する必要があります。"High Resolution Guidelines for OS X"文書に記載されている詳細アップルから。

+0

をNSStatusItemアイコンのサイズはどうですか? "OS Xの高解像度ガイドライン"のおかげで – maseth

+1

1024 x 1024 :) – Nathan

+0

@mason - NSStatusItemアイコンに関する良い質問がある場合、PDFを使用することができます(例:) – CRD

6
+1

私はアイコンのサイズについてよく納得しますが、NSStatusMenuアイコンのサイズはどうですか? – maseth

+1

これらのアイコンのサイズは18x18ピクセルで、必要な透明度を得るにはPNG形式で行う必要があります。 – Nathan

+0

@ NathanSakoetoeこれらのアイコンが18x18で作成されている場合、網膜ディスプレイ上ではっきりしません。彼らはもっと大きくする必要がありますが、私は適切なサイズを知らない。 –

4

は、以下の手順に従ってください、あなたはそれを大きくする必要がありますPhotoshopであなたのアイコンの網膜

  1. オープンPNGファイルのために完璧に鋭いステータスバーのアイコンを取得します88px x 88px
  2. に行く画像、画像サイズ
  3. 解像度を350に変更します。
  4. px X 88px(ピクセル)
  5. から
  6. セットサイズPNG があなたのメニュー項目のサポート網膜ディスプレイ、ダークモードと異なる状態を作るために
+0

または単にPDFとして保存してください – Charlie

+1

これらの寸法は 'nw.js'でうまくいきました。網膜の版は透明です。 – cbednarski

2

をXcodeのそれを追加すると、画像を保存するには(例えば、 )

  1. を押す2枚のPNG画像を作成するには、以下のマージンをしたい場合は、18x1836x36ピクセル
  2. Template ImageRender AsセットとXcodeで新しい画像アセットを作成し、1xのためのあなたのイメージを追加し、16x1632x32のサイズのかと2x
  3. その大きさを変えずに画像アセットからあなたNSImageを初期化します。NSImage(named: "Example")