iOSアプリケーションのスプラッシュ画面に使用されるサイズは何ですか?


96

iOS SDKを使用してアプリケーションを開発しています。必要なDefaultスプラッシュ画面のサイズを知る必要があります。


2
余談ですが、スプラッシュスクリーンを使用したiOSの落胆を忘れないでください。代わりに、起動画像を使用してください。それらは技術的には同じですが、概念的には異なります。スプラッシュ画面は通常、ブランドイメージとして使用されますが、起動画面は、UIの事前レンダリングされたイメージであり、アプリがより速く読み込まれているような印象をユーザーに与えます。この問題についてiOSヒューマンインターフェイスのガイドラインを
Hugo A

回答:


179

2018年アップデート-この情報は使用しないでください!

以下の投稿は参考のために残しておきます。

起動画面と推奨事項の詳細については、Appleのドキュメント「ヒューマンインターフェイスガイドライン-起動画面」をお読みください。

ありがとう
ドレッカ


2012年7月-この返信はかなり古くなっていますが、それでも人気があるようです。Appleのdocoに基づいてブログ投稿を作成し、自分のブログに配置しました。皆さんのお役に立てば幸いです。

はい。iPhone / iPad開発では、Default.pngファイルはデバイスによって自動的に表示されるため、プログラムする必要はなく、これは本当に便利です。私は持っていませんが、特定の名前のiPad用に別のPNGが必要です。私はググってphunkwerksサイトからこの情報iPad default pngを得ました:


iPad起動画像の向き

さまざまな方向オプションに対応するために、iPadの起動画像に新しい命名規則が作成されました。iPadの画面サイズは768×1024です。高さに続く寸法では、20ピクセルのステータスバーが考慮されています。

ファイル名の寸法

  • Default-Portrait.png * — 768w x 1024h
  • Default-PortraitUpsideDown.png — 768w x 1024h
  • Default-Landscape.png ** — 1024w x 748h
  • Default-LandscapeLeft.png — 1024w x 748h
  • Default-LandscapeRight.png — 1024w x 748h
  • iPad-Retina–Portrait.png — 1536w x 2048h
  • iPad-Retina–Landscape.png — 2048w x 1496h
  • Default.png —非推奨

*- Default-PortraitUpsideDown.pngファイルを指定していない場合、このファイルが優先されます。

**- Default-LandscapeLeft.pngまたはDefault-LandscapeRight.png画像ファイルを指定していない場合、このファイルが優先されます。

この「アップルの開発者ライブラリ」へのリンクも役に立ちます。


16
Default.pngは、そのデバイスでユニバーサルアプリケーションを実行するときにiPhoneに使用されるものであるため、標準の320 x 480または320 x 460画像である必要があります。「非推奨」は、iPadのみのアプリケーションのみです。
ブラッド・ラーソン

2
ありがとう!私は現在、768 x 1024hのDefault-Portrait.pngを使用していますが、このサイズでも動作するようです。
powtac

1
私のアプリはデフォルトで横モードで動作します。しかし、どうすればiPhoneの横向きのデフォルト画像を指定できますか?
Satyam、

2
ローカライズされたバージョンを使用している場合は、これらのファイルをルートフォルダーから削除して、<language> .lprojディレクトリに配置する必要があることに注意してください。
ホセ・ムアニス、2011年

3
投稿内のブログへのリンクが機能しなくなりました。上記のApple開発者向けWebへのリンクも機能しなくなります。
フィジカル

31

2013年7月(iOS 6)以降、これは私たちが常に使用するものです。

IPHONE SPLASH 
Default.png - 320 x 480
Default@2x.png - 640 x 960 
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)

IPAD SPLASH 
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)

4
Default-568h@2x.pngを640 x 1136にすべきではありませんか?
UXUiOS 2013

16

iOS7の場合、次のサイズの起動画像を作成します。

iPhone 5およびiPod touch(第5世代)の場合:

  • 640 x 1136ピクセル

その他のiPhoneおよびiPod touchデバイスの場合:

  • 640 x 960ピクセル
  • 320 x 480ピクセル(標準解像度)

iPadポートレートの場合:

  • 1536 x 2048ピクセル
  • 768 x 1024ピクセル(標準解像度)

iPadランドスケープの場合:

  • 2048 x 1536ピクセル
  • 1024 x 768ピクセル(標準解像度)

iOS 7のデザインリソース> iOSヒューマンインターフェイスガイドライン>起動画像をご覧ください。

アップデート1

iPhone 6の場合:

  • 縦向きの場合は750 x 1334(@ 2x)
  • 横向きの場合は1334 x 750(@ 2x)

iPhone 6 Plusの場合:

  • 縦向きの場合は1242 x 2208(@ 3x)
  • 横向きの場合は2208 x 1242(@ 3x)

アップデート2

iPhone Xの場合:

  • 縦長の場合は1125 x 2436(@ 3x)
  • 横長の場合は2436 x 1125(@ 3x)

Bro、私の質問をチェックアウトしてください。stackoverflow.com/ questions / 43955856 / … ?
May Phyu

1
ここに、各エントリのファイル名と画像解像度が記載された素敵なテーブルがあればいいのに、iOS 5、6、7は忘れてください。私たちは2017年にいる
computingfreak

8

1024 x 768にすることができます。plistファイルで「ステータスバーは最初は非表示になっている」を確認することもできます。


5

アップデート2020-Xcode 11

ではXcode 11、1倍、2倍、3倍のスケールの画像を1つだけ指定してLaunchScreen.storyboardから、画面いっぱいに設定すると、すべてがうまくいきます。

例:(1242pt x 2688pt @ 1x)

これはの縦画面サイズです iPhone 11 Pro Maxが、iPhoneの画面サイズは大きいので、すべてのiOSデバイスで高品質のスプラッシュ画面が表示されます。

アップデート2019-iOS 12

スプラッシュスクリーンに必要なすべてのサイズを収集しました。これらのサイズの画像をドラッグしてドロップするだけで、Xcodeは各サイズを適切な場所に配置します。

幸運を。

サイズ:

320×480

640×960

640×1136

750×1334

768×1004

768×1024

828×1792

1024×748

1024×768

1125×2436

1242×2208

1242×2688

1536×2008

1536×2048

1792×828

2048×1496

2048×1536

2208×1242

2436×1125

2688×1242

注意

必要な画像の数は26画像ですが、6つの重複したサイズがあるため、上記のサイズは20しかありません。


スプラッシュスクリーンだけに20種類の画像が必要ですか?マジ?
Tejas K

はい。それほど難しくありません!あなたのデザイナーはそれを簡単に行うべきです。
Essam Mohamed Fahmi

任意のオンラインスプラッシュスクリーンジェネレーターを使用できます
。1

3

ここで、iphone 6および6+サイズの解像度とディスプレイ仕様を追加できます。

iPhone 6+-アセットの解像度(@ 3x)-解像度(2208 x 1242)ピクセル

iPhone 6-アセットの解像度(@ 2x)-解像度(1334 x 750)ピクセル

iPad Air / Retina iPad(第1世代および第2世代/第3世代および第4世代)-アセットの解像度(@ 2x)-解像度(2048 x 1536)ピクセル

iPad Mini(第2および第3世代)-アセットの解像度(@ 2x)-解像度(2048 x 1536)ピクセル

iPhone(6、5S、5、5C、4S、4)-アプリアイコン(120x120 px)-AppStoreアイコン(1024x1024 px)-スポットライト(80x80 px)-設定(58x58 px)

iPhone(6+)-アプリアイコン(180x180 px)-AppStoreアイコン(1024x1024 px)-スポットライト(120x120 px)-設定(87x87 px)



iPhone 6の場合:縦向きの場合750 x 1334(@ 2x)1ランドスケープの場合1334 x 750(@ 2x)iPhone 6 Plusの場合:縦
向きの場合

@imti、私の質問stackoverflow.com/questions/43955856/… 仲間をチェックしてください。
May Phyu

@MayPhyu申し訳ありません、私は突然の理由で連絡が取れなくなりました。あなたの問題が解決されたことを願っています。それでも不明な場合はお知らせください。
imti

ブロ@imti、大丈夫です。修正されました。しかし、私は問題があります。このリンクを確認するのを手伝っていただけ ませんか?stackoverflow.com/questions/44304498/…
May Phyu

3

Xcode 9および最新のデバイスの場合

ポートレート

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch第5世代640 x 1136

iPhone 6/7/8 7 50 x 1334

iPhone 6/7/8 Plus 1242 x 2208

iPhone X 1125 x 2436

iPad non-retina 768 x 1024

iPad Retina 1536 x 2048

横向き

iPhone 6、7、8および2208 x 1242

iPhone X 2436 x 1125

iPad non-retina 1024 x 768

iPad Retina 2048 x 1536



1

ユニバーサルアプリでは、iPadのスプラッシュスクリーンがシミュレーターには表示されましたが、デバイスには表示されませんでした。iPadは代わりにiPhoneのDefault.pngスプラッシュを表示します。Default-Landscape.pngおよびDefault-Portrait.pngファイルが存在するので、どうでしょうか。ウィンドウキャプチャを使用してスクリーンキャプチャを作成したので、解像度は正しいはずです。主催者| スクリーンショットとiPadの「デフォルト画像として保存」を使用して、名前を変更した。

(とにかく私の1つのアプリから)2つのiPadスクリーンショットをResources-iPadディレクトリに移動する必要があることがわかりました。その後、すべて正常に動作します。今は明らかなようですが、他の誰かがこれで睡眠を失った場合...-ラリー


1

Adobe AIR iOS開発者の場合、iPadのスプラッシュ画像が「シフト」するか、1秒後に表示および拡大縮小される場合は、使用しているAIRのバージョンに応じて寸法が異なるためです。

Default-Portrait.png:
768 x 1004(AIR 3.3以前)
768 x 1024(AIR 3.4以降)

Default-Portrait@2x.png:
1536 x 2008(AIR 3.3以前)
1536 x 2048(AIR 3.4以降)

リファレンス:http :
//help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.