【Ionic】アプリアイコン、スプラッシュスクリーンの変更

Ionicのアプリアイコン、スプラッシュスクリーンの変更する方法についてまとめました。

【Ionic】アプリアイコンの変更

Ionicでアプリアイコンを変更する手順はつぎのとおりです。

① アプリアイコンに使用する画像ファイル(icon.png)を「プロジェクト名/resources」以下に保存します。
(解像度は1024x1024px以上)

② 以下のコマンドを順に実行します。

$ ionic cordova resources --icon android
$ ionic cordova resources --icon ios

③ 「プロジェクト名/resources/android/icon」「プロジェクト名/resources/ios/icon」以下に自動で異なるサイズのアプリアイコン画像が出力されます。

【Ionic】スプラッシュスクリーンの変更

① スプラッシュスクリーンに使用する画像ファイル(splash.png)を「プロジェクト名/resources」以下に保存します。
(解像度は2732x2732px以上)

② 以下のコマンドを実行します。

$ ionic cordova resources --splash android
$ ionic cordova resources --splash ios

③ 「プロジェクト名/resources/android/splash」「プロジェクト名/resources/ios/splash」以下に自動で異なるサイズのアプリアイコン画像が出力されます。

参考文献・関連記事
関連 【Ionic入門】Android・iOSアプリ開発編
関連記事