Windowsアプリのタイルサイズやバッジ表示について調べてみた

Windowsアプリアイコンが表示される場所は主に、以下に上げる箇所である。

| 名称       |  表示箇所 |    備考   |
|:------|:---------|:----------|
|アクション センター      | ![image.png](https://qiita-image-store.s3.amazonaws.com/0/160956/3194ce6f-ffa9-3738-d2c2-37bc5723eb22.png)|       |
|スタート画面のすべてのアプリの一覧<Br> スタート画面のよく使うアプリの一覧 <Br>Windowsタスクバー     | ![image.png](https://qiita-image-store.s3.amazonaws.com/0/160956/a41f79af-f1eb-3ec8-717c-21b33a38aa96.png) |       |
|      |  |       |
|  リスト ビュー     |  |       |
|     |  |       |
|  タスク ビュー     |  |       |
|  スナップ アシスト    |  |       |
|  Alt + Tab キー    |  |       |
|  スプラッシュ画面    |  |       |

アクション センター
スタート画面のすべてのアプリの一覧
スタート画面のよく使うアプリの一覧
リスト ビュー
Windows タスク バー、タスク ビュー、スナップ アシスト、Alt + Tab キー、
スプラッシュ画面




Windows8.xとWindows10で異なるので別々に記載した。

# Windows 8.x

| 名称       |  概要 |    詳細   |
|:-----------------|:------------------|:------------------|
| [タイル](https://msdn.microsoft.com/ja-jp/library/windows/apps/xaml/hh779724.aspx)             |  アプリの象徴。<Br>起動するスタート画面のタイル |        小さいタイル、<Br>普通サイズのタイル、<Br>ワイド タイル、<Br>大きいタイル<Br>どのサイズでも、テキスト、画像、アプリのブランド情報 (アプリのロゴまたは名前)、通知バッジを表示できる。<Br>[タイルテンプレート](https://msdn.microsoft.com/ja-jp/library/windows/apps/xaml/hh761491.aspx)に表示イメージが豊富にある。<Br> [NotificationsExtensions](https://msdn.microsoft.com/ja-jp/library/windows/apps/hh969156.aspx) ライブラリが推奨。 <Br>既定のタイルはアプリ パッケージに格納され、アプリがサポートしているすべてのサイズが含まれます。ユーザーは、サポートされているサイズであればいつでもタイルのサイズを変更して、スタート画面をカスタマイズできる。       |
| [セカンダリタイル](https://msdn.microsoft.com/ja-jp/library/windows/apps/xaml/hh465372.aspx)           |  セカンダリ タイルは、特定のコンテンツやディープリンク(ピン留めアプリ内の特定の位置の参照)スタート画面に表示する機能 |    ユーザーは、セカンダリ タイルを使って、友人、ニュース記事の情報源、株価情報、その他の大事な項目を表示して、スタート画面のエクスペリエンスのパーソナル設定を行うことができる。<Br>セカンダリ タイルをピン留めできるのはユーザーだけ。ユーザーの承認なしに、アプリでプログラムを使ってピン留めすることはできない。また、ユーザーはスタート画面または親アプリから、セカンダリタイルの削除を明示的に制御することもできる。ユーザーが注目しているコンテンツが頻繁に変更される場合も、セカンダリタイルが活用できる。 |
| [バッジ](https://msdn.microsoft.com/ja-jp/library/windows/apps/xaml/hh779719.aspx)            |              使っているアプリ特有の概要や状態情報を伝達 |  バッジは、数値 (1 ～ 99) の場合やシステムが提供するグリフの 1 つである場合がある。 バッジによってよく伝達される情報の例としては、オンライン ゲームでのネットワーク接続状態、メッセージング アプリでのユーザーの状態、メール アプリでの未読メールの数、ソーシャル メディア アプリでの新しい投稿数などがある。バッジは、どのサイズのタイルにも表示できる。      |
| [トースト](https://msdn.microsoft.com/ja-jp/library/windows/apps/xaml/hh779727.aspx)               | ユーザーが別のアプリ内、スタート画面、またはデスクトップ上のどこにいるかに関係なく、アプリがユーザーと対話できるようにするためのポップアップ通知 |  ユーザーへの一時的なメッセージで、即時性が必要な関連情報を含み、アプリ内の関連コンテンツへのすばやいアクセスを提供する。トースト通知は、ユーザーが別のアプリ内、スタート画面、ロック画面、またはデスクトップ上のどこにいても表示される。         |


タイル、トーストで利用する画像ファイルアセットのサイズ要件
大きさ 1024 x 1024 ピクセル以下、ファイル サイズ 200 KB 以下で、種類は .png、.jpg、.jpeg、または .gif 

標準タイルとワイドタイル

| 項目       |   可能サイズ |    指定方法    |
|:-----------------|:------------------|:------------------|
|  タイルサイズ     |   小 (70 x 70)<Br>普通 (150 x 150)<Br>ワイド (310 x 150)<Br>大 (310 x 310)<Br>普通サイズのタイルのロゴが最低限必要。それ以外に指定しなかった場合、常に普通サイズ (150 x 150) になる  | package.appxmanifest |
| 極小タイルサイズ        |  極小 (30 x 30) (Windows のみ)<Br>極小 (44 x 44) (Windows Phone のみ)<Br>極小タイルは検索結果とアプリの一覧でのみ使われる |     package.appxmanifest    |
|   サイズのスケーリング   |   80%、100%、140%、180% の 4 つがサポート　※[定義詳細](https://msdn.microsoft.com/ja-jp/library/windows/apps/hh465228.aspx)    |  package.appxmanifest   |


# Windows 10

| 名称       |  概要 |    詳細    | 詳細  |
|:-----------------|:------------------|:------------------|:------------------|
| [タイル](https://docs.microsoft.com/ja-jp/windows/uwp/controls-and-patterns/tiles-badges-notifications)             |  スタート メニュー上でアプリを表すもの。さまざまなタイル サイズ (小、普通、大、ワイド) を有効にすることもできる。 |  通知を使用すると、タイルを更新して、新しい情報 (ニュース ヘッドライン、最新の未読メッセージの件名など) をユーザーに伝えることができる。      |   |
| [特殊なタイル](https://docs.microsoft.com/ja-jp/windows/uwp/controls-and-patterns/tiles-and-notifications-special-tile-templates-catalog)           | アニメーション化や、アダプティブ タイルでは不可能な機能を実行できる独特なテンプレート  | 特別なタイル テンプレートは、それぞれ Windows 10 用に特別に構築されたテンプレートです。ただし、アイコン タイル テンプレートは、特別に構築されたテンプレートではなく、従来の特別なテンプレートが Windows 10 向けに更新されたものです。 この記事では、3 つの特別なタイル テンプレートである、アイコン タイル テンプレート、フォト タイル テンプレート、および People タイル テンプレートについて取り上げている。         |  |
| [バッジ](https://docs.microsoft.com/ja-jp/windows/uwp/controls-and-patterns/tiles-badges-notifications)            |   システム提供のグリフまたは 1 ～ 99 の数値の形式で、状態情報または要約情報を提供できる。<Br> バッジは、アプリのタスク バーのアイコンにも表示される。 |        |　　|
| [トースト](https://docs.microsoft.com/ja-jp/windows/uwp/controls-and-patterns/tiles-badges-notifications)               | トースト (またはバナー) と呼ばれるポップアップ UI 要素を介してアプリがユーザーに送信する通知です。 通知は、ユーザーがアプリを使用中かどうかを問わず表示できる。 |  プッシュ通知または 直接通知は、Windows プッシュ通知サービス (WNS) またはバックグラウンド タスクのいずれかからアプリに送信される通知です。 これらの通知には、関心のあるイベントが発生したことをユーザーに通知することで応答するか、お好みの方法で応答することができる。|  |


アセット種類

| 項目       |  説明  |    ファイル形式    |  用途 |
|:----------|:----------|:-----|:---------------------------------|
|  タイル  |  スタート画面のアプリ   | *Tile.scale-*.PNG |　既定のスタート画面のタイル <Br>アクション センター　|
| プレート付きのスケーラブルな一覧  | 拡大縮小が必要なサーフェスで使われます。 アセットのバック プレートはシステムによって提供されるか、アプリに含まれている場合は独自の背景色のプレートが使用される。  |   *AppList.scale-*.PNG    | スタート画面のすべてのアプリの一覧 (デスクトップ)<Br>スタート画面のよく使うアプリの一覧 (デスクトップ)<Br>タスク マネージャー (デスクトップ)<Br>Cortana の検索結果 |
|   プレート付きのターゲットサイズの一覧   |  プレート付きで、拡大縮小されない固定サイズのアセット。<Br>従来のエクスペリエンスに使用される。|  *AppList.targetsize-*.PNG  | ◦スタート画面のジャンプリスト<Br>◦スタート画面のタイルの下隅 <Br>◦ショートカット<Br>◦コントロール パネル |
| プレートなしのターゲットサイズの一覧   |   システムによってプレートの追加や拡大縮小が行われないアセット   |  *AppList.targetsize-*_altform-unplated.PNG  | ◦タスク バーとタスク バー サムネイル (デスクトップ) |
|   ファイル拡張子   | ファイル拡張子に固有のアセット。<Br>エクスプ ローラーで Win32 スタイルのファイルの関連付けアイコンの横に表示され、テーマに依存しない。      |  *LogoExtensions.targetsize-*.PNG  | ◦エクスプローラー<Br>◦Cortana<Br>◦さまざまな UI サーフェス|
|   スプラッシュ画面   | アプリのスプラッシュ画面に表示されるアセット。   | *SplashScreen.screen-100.PNG | ◦アプリのスプラッシュ画面 |
|   アイコンタイル   | アイコン テンプレートを使用するアプリ用のアセット。   | -  | ◦アイコン タイル |

<span style="font-size: 50%>sample text</span>

https://docs.microsoft.com/ja-jp/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets#a-nameasset-size-tablesaアセット-サイズの一覧表
![タイルバッジ.png](https://qiita-image-store.s3.amazonaws.com/0/160956/396c853f-f978-407a-daa4-e1057affb022.png)



![セカンダリタイル.png](https://qiita-image-store.s3.amazonaws.com/0/160956/137ff074-dc90-00fe-6032-c4f700de9f24.png)