iOS, Mac, win, Androidのアプリアイコンサイズまとめ

こんにちは!
最近Goodpatchでアプリの制作依頼をいただくようになったので、この機会にアプリを作る際に必要なアプリのアイコンサイズを一通り調べてみました!

調べたのは以下の6種類です。調べた限りこれらがまとまっている記事がなかったのでMEMOPATCHで記事にしました。(サイズは全てピクセルです)

◯PC
・Mac OS
・Windows XP
・Windows 8

◯モバイル
・iOS
・Android
・Windows Phone 7

PC

Mac OS

16 x 16(icon_16x16 .png)
32 x 32(icon_16x16@2x .png)
32 x 32(icon_32x32 .png)
64 x 64(icon_32x32@2x .png)
128 x 128(icon_128x128 .png)
256 x 256(icon_128x128@2x .png)
256 x 256(icon_256x256 .png)
512 x 512(icon_256x256@2x .png)
512 x 512(icon_512x512 .png)
1024 x 1024(icon_512x512@2x .png)
(ソース: OS X Human Interface Guidelines

Windows XP

48 × 48
32 × 32
24 × 24
16 × 16
(ソース: msdn Windows XP 用アイコン作成法

Windows 8

620 × 300
310 × 150
150 × 150
50 × 50
30 × 30
(ソース: msdn windows 8 アイコン作成用テンプレート

モバイル

iOS

【iPhone】
57 × 57(App Store/iPhoneのホーム画面)
114 × 114 (App Store/iPhoneのホーム画面: Retina用)
29 × 29(iPhoneのSpotlightと設定画面)
58 × 58(iPhoneのSpotlightと設定画面i)
512 × 512(iTunesのApp Store)
1024 × 1024(iTunesのApp Store: Retina用)

【iPad】
57 × 57(App Store)
114 × 114 (App Store)
72 × 72(iPadのホーム画面)
144 × 144(iPadのホーム画面: Retina用)
29 × 29(iPadの設定画面)
58 × 58(iPadの設定画面: Retina用)
50 × 50(iPadのSpotlight)
100 × 100(iPadのSpotlight: Retina用)
512 × 512(iTunesのApp Store)
1024 × 1024(iTunesのApp Store: Retina用)
(ソース: iOS Human Interface Guidelines

Android

36 x 36(icon_36x36.png)
48 x 48(icon_48x48.png)
72 x 72(icon_72x72.png)
96 x 96(icon_96x96.png)
(ソース: Android Developersページ


Google Play Store用アイコンサイズ
512 x 512(PNG 形式)
(ソース: Google Play Android デベロッパー

Windows Phone 7

62 x 62(アプリケーションアイコン)
173 x 173(アプリケーションタイルイメージ)
99 x 99(Windows Phone マーケットプレイスカタログ用: 小)
173 x 173(Windows Phone マーケットプレイスカタログ用: 大)
200 x 200(Windows Phone マーケットプレイスカタログ用: デスクトップ)
(ソース: msdn Microsoft Expression

以上です。
AppleデバイスはAndroidとWindowsに比べて必要なアイコンの種類が多いですね。様々な場所でサイズに合った高解像度の画像が使われるので、細部まで作り込まれたアイコンが多いのでしょうか。いずれのOSにしてもアイコン作成はたいへんですが笑

ABOUTこの記事をかいた人

小川大樹

プロジェクトマネージャー/ UXデザイナー 受託事業を担当し、新規事業案件やリニューアル案件、数値改善プロジェクトなど様々な案件に携わる。
  • Goodpatch Blog