web-dev-qa-db-ja.com

Windowsアプリケーションのアイコンにはどのアイコンサイズを含めるべきですか?

私は、Windows XP以降(つまりVista/7)で動くWindowsアプリケーションを持っています。 VistaのUIガイドライン によると、標準サイズは16 x 16、32 x 32、48 x 48、256 x 256(XP標準サイズには256 x 256アイコンは含まれていません)。これらのサイズに加えて、私はまた96x96と128x128を持っています(そしてもっと作成することができます)。

どのアイコンサイズを含めるべきですか?シェルは実際には「非標準」サイズを使用するのでしょうか、それとも単に私のアプリケーションを肥大化させるのでしょうか。

227
Daniel Rose

私はそれを詳細にチェックするのに時間がかかりました。画像のサイズが16、24、32、40、48、64、96、128、および256のアイコンを作成しました。次に、どの画像が表示されるかを確認しました。これらはすべて通常の96dpiで行われました。より大きなDPIを使用する場合は、より大きなサイズを使用することができます(Windows 7ではこれだけをチェックしてください)。結果:

Windows XP:

  • エクスプローラービュー:
    • 詳細/リスト:16
    • アイコン:32
    • タイル/サムネイル:48
  • 右クリック - >プロパティ/新しいアイコンの選択:32
  • クイックスタートエリア:16
  • デスクトップ:32

Windows 7:

  • エクスプローラービュー:
    • 詳細/一覧/小記号:16
    • 他のすべてのオプション:256(必要に応じてサイズ変更)
  • 右クリック - >プロパティ/新しいアイコンの選択:32
  • タスクバーに固定:32
    • 右クリックメニュー:16
  • デスクトップ:
    • 小記号:32
    • ミディアムシンボル:48
    • 大きいシンボル:256(必要に応じてサイズ変更)
    • Ctrl +マウスホイールを使ったズーミング:16、32、48、256

Windowsランタイム:( ここから

  • メインタイル:150×150、310×150(ワイドバージョン)
  • 小ロゴ:30×30
  • バッジ(ロック画面用):24 x 24、モノクロ
  • スプラッシュスクリーン:620x300
  • 店舗:50×50

その結果、Windows XPは16、32、48サイズのアイコンを使用し、Windows 7(そしておそらくVistaも)は256サイズのアイコンも使用します。 他のすべての中間アイコンサイズは無視されます(これらの私がチェックしなかった領域で使用されるかもしれません)。


私はまたWindows 7でアイコンのサイズがないとどうなるかチェックしました:

足りないサイズが生成されます(明らかに)。サイズが16、32、および48の場合は、サイズが足りない場合は縮小します。したがって、サイズが16と48のアイコンがある場合、32のアイコンは48のアイコンから作成されます。 256アイコンは、他のサイズが利用できない場合にのみ使用されます!したがって、アイコンのサイズが16と256の場合、他のサイズは16アイコンから拡大されます。

さらに、256のアイコンが表示されていない場合は、(おそらく生成された)48のアイコンが使用されますが、サイズは変更されません。そのため、中央に48個のアイコンがある(おそらく大きな)空の領域があります。

XPのデフォルトのデスクトップアイコンサイズは32×32でしたが、Windows 7では48×48です。 結果として、Windows 7の場合、48のアイコンを持つことが比較的重要です。それ以外の場合は、小さいアイコンから拡大されます。


Windows XP互換性についてのメモ:アイコンをウィンドウアイコンとして再利用する場合、圧縮256アイコンを使用するとアプリケーションがクラッシュする可能性があることに注意してください。解決策は、アイコンを圧縮しないか、(圧縮された)256アイコンのない2番目のバージョンを作成することです。詳しくは こちら をご覧ください。

298
Daniel Rose

Windows 7で8、16、20、24、32、40、48、64、96、128、256ピクセル(PNGでは256)のアイコンでテストした後:

  • 100%の解像度で:Explorerは16、40、48、および256を使用します。WindowsPhoto Viewerは96を使用します。Paintは256を使用します。
  • 125%の解像度で:Explorerは20、40、および256を使います。WindowsPhoto Viewerは96を使います。Paintは256を使います。
  • 150%の解像度で:Explorerは24、48、および256を使用します。WindowsPhoto Viewerは96を使用します。Paintは256を使用します。
  • 200%の解像度で:Explorerは40、64、96、および256を使用します。WindowsPhoto Viewerは128を使用します。Paintは256を使用します。

そのため、8、32は使用されたことがなく(32は私にとっては奇妙なことです)、128は非常に高いdpi画面を持つWindows Photo Viewerによってのみ使用されました。つまり、almotは使用されませんでした。

それはあなたのアイコンがウィンドウズ7のために少なくとも16、48と256を提供するべきであることを意味します。高解像度でより新しいスクリーンをサポートするために、あなたは16、20、24、40、48、64、96と256を提供するべきです。画像はPNGを使用して圧縮できますが、Windows XPとの下位互換性を保つため、16〜48は圧縮しないでください。

26
Futal

Microsoft UXアイコンのガイドライン には、次のように記載されています。

"アプリケーションアイコンとコントロールパネルの項目:フルセットには16 x 16、32 x 32、48 x 48、および256 x 256(コードスケールは32から256)が含まれています。"

私にはこれはあなたがそれらの4つのサイズを供給するべきであることを意味する(しかし残念なことに、明示的に述べない)。

色形式に関する追加の詳細。これも便利です。

  • 「リモートデスクトップでデフォルト設定をサポートするには、アイコンファイルにも8ビットと4ビットのパレットバージョンが必要です。」

  • 「256 x 256ピクセルの画像の32ビットコピーだけを含め、ファイルサイズを抑えるために256 x 256ピクセルの画像だけを[PNGとして]圧縮する必要があります。」

22
stone

Windows 10の場合、これは正確ではありません。実際、stackoverflowに対する答えのどれもがそうではありませんでした。この場合、内挿およびスムージングウィンドウの原因を確認するには、この記事のサイズを使用しています。

そこで私はアプリを作り、すべてのDPI設定で作業を行いました。こちらをご覧ください。
すべてのDPI設定でのWindows 10のすべてのアイコン解像度
私のアプリを使用してアイコンを作成することもできます。これはスムージングをオフにした最近傍補間も使用したものです。

あなただけの解像度が必要な場合:
16、20、24、28、30、31、32、40、42、47、48、56、60、63、84、256
そして、あなたはすべてのPNGアイコンを使うべきで、それらの横に置いたものは表示されません。なぜ私の 投稿 を見てください。

11
z4k

(Windows 8/10の回答を更新しました)

新しいWindows設計ガイドラインのガイドラインとサイズの全リストはここにあります: https://msdn.Microsoft.com/ja-jp/windows/uwp/controls-and-patterns/tiles- and-notifications-app-assets#アセットタイプ

レガシ体験をサポートするために、これらのサイズの.ICOファイルを含めてください。

  • 16×16
  • 24×24
  • 32×32
  • 48×48
  • 256×256
10
jaminroe

96x96ではなく、代わりに64x64を使用してください。私はいつも使う:

  • 16 - ステータス/タイトルバーボタン
  • 32 - デスクトップアイコン
  • 48 - フォルダビュー
  • 64/128 - 追加サイズ

256はXPでも同様に動作しますが、古いリソースコンパイラは「メモリ不足」エラーについて不平を言うことがありました。

6
Christian

Microsoft MSDNの推奨から

アプリケーションアイコンとコントロールパネルの項目:フルセットには16 x 16、32 x 32、48 x 48、および256 x 256(コードスケールは32から256)が含まれています。 .icoファイル形式が必要です。クラシックモードの場合、フルセットは16 x 16、24 x 24、32 x 32、48 x 48、および64 x 64です。

だから我々はすでに標準の推奨サイズがあります。

  • 16×16、
  • 24×24、
  • 32×32、
  • 48×48、
  • 64×64、
  • 256×256.

高いDPI設定をサポートしたい場合は、完全なリストに以下のサイズも含まれます。

  • 20×20、
  • 30×30、
  • 36×36、
  • 40×40、
  • 60×60、
  • 72×72、
  • 80×80、
  • 96×96、
  • 128×128、
  • 320×320、
  • 384×384、
  • 512×512.
1
Jacek Krawczyk