アプリに必要なアイコンサイズ-iOS編-

Pocket

こんにちは!
今回のテーマは、「アプリに必要なアイコンサイズ-iOS編-」です。(2018年8月更新)
ここで言うアイコンとは、iPhoneのホーム画面などで表示される角丸の付いた四角いアイコンのことです。

pic_161124_01

表示される場所は4ヵ所あります。上記の「アプリアイコン(App)」と、「スポットライト(Spotlight)」「設定(Settings)」「通知(Notification)」です。
「スポットライト」は、ホーム画面を左スワイプした時などに出てくる、検索画面の候補や結果として表示されます。「設定」は、設定アプリ内のリスト左側に表示されます。

pic_161124_02

初めてアプリを作る方は、サイズはいくつ?何個作ればいいの?そもそも1サイズじゃ駄目なの?と疑問が沢山かと思います。
そんな時の為に、iOSアプリに必要なアイコンのサイズをまとめました。

留意事項として、アイコンのサイズは、OSのバージョンアップのタイミングで変化する場合があります。あくまで、2018年8月時点のデータですのでご注意ください。
サイズが変わった際は、都度都度ブログにまとめていきたいと思います!

それでは、下記からサイズ一覧となります。


アイコンサイズ

iPhone

Xcode サイズ(px)
iPhone App
(iOS7-11)
180×180 (60×60 @3x)
120×120 (60×60 @2x)
Spotlight
(iOS7-11)
120×120 (40×40 @3x)
80×80 (40×40 @2x)
Spotlight
(iOS5,6)
Settings
(iOS5-11)
87×87 (29×29 @3x)
58×58 (29×29 @2x)
Notification
(iOS7-11)
60×60 (20×20 @3x)
40×40 (20×20 @2x)

iPad

Xcode サイズ(px)
iPad Pro App
(iOS9-11)
167×167 (83.5×83.5 @2x)
iPad App
(iOS7-11)
152×152 (76×76 @2x)
76×76 (76×76 @1x)
Spotlight
(iOS7-11)
80×80 (40×40 @2x)
40×40 (40×40 @1x)
Settings
(iOS5-11)
58×58 (29×29 @2x)
29×29 (29×29 @1x)
Notification
(iOS7-11)
40×40 (20×20 @2x)
20×20 (20×20 @1x)

App Store

Xcode サイズ(px)
App Store 1024×1024 (1024×1024 @1x)

※記載されている情報はXcode9向けのものとなっております。(2018年8月更新)


角丸について

iOS向けのアイコンは全て角が丸くなっています。
この角丸ですが、単純に半径の値を設定するだけでは表現出来ないApple独自の楕円になっています。
公式のテンプレートがありますので、アイコン作成の際はこちらを使う事をオススメします。

Human Interface Guidelines【Apple Design Resources】
※Apple公式の開発者向けページへ遷移しますので、テンプレートをダウンロードして下さい。


いかがでしたでしょうか?
コチラを確認しながらぜひ素敵なアイコンを作ってみて下さいね。

それではまた!デジマースのコンでした。

Pocket