Ionicアプリのアイコンやスプラッシュ画像を変更したい！

投稿日：2018年8月15日

こんにちは。田中です。

現在Ionicを使ったアプリ開発に携わっているのですが、先日お客様からこんなご依頼がありました。

デフォルトのアプリ名やアイコンでは全然雰囲気が出ないよ！
試作版でも、もっとイケてるアイコンで売り込みしたいから変更よろしく！
（超意訳）

事前にお渡ししていたアドホック版アプリはデフォルトのアイコンだったので以下画像のような感じでした。

アプリアイコン

スプラッシュ画像

デフォルトのアイコンもシンプルでなんか好きですけどね。
でもまあ、いかにもプロトタイプ感が出てしまってるのは確か。

ここは一つキャッチーでインパクトのあるアイコンに変更して、お客様のご要望にお答えしたいところです。

アイコン、スプラッシュ画像の変更方法

アプリのresoueces配下に「icon.png」「splash.png」がありました。
こやつらを変更してやれば良さそうです。

推奨サイズは以下の通り。

◎ アプリアイコンサイズ
・1024px ×1024px

◎ スプラッシュ画像
・2732px ×2732px

画像を置き換えたらターミナルから「ionic cordova resources」を唱えます。
（余談ですが田中もコマンドやメソッドは心の中で叫ぶ派のエンジニアです）

この時、画像サイズが合ってないとターミナルに真っ赤な文字でエラーがでます。
怒られたらサイズが間違ってないか見直してみましょう。

元のアイコン

変更したアイコン

スプラッシュ画像

無事にアイコン、スプラッシュ画像の変更ができましたー！近い近い顔が近い。

ついさっきまで「スプラッシュ画像」が何なのかも分かっていませんでしたが、なんとかこれでお客様のご要望にも対応できそうです。よかったー。

執筆者：tanakay