Open5

【Flutter】アプリ名、アイコンの変更

heyhey1028heyhey1028

アイコン

iOS

https://developer.apple.com/design/human-interface-guidelines/app-icons

  • 1024 x 1024 ピクセルの画像
  • 1つのレイヤーで構成されていること
  • 透過度は使用しないこと
  • 四角い画像であること

Android

Androidはデバイスによってアイコンの表示が異なり、幅広いアイコン表示に対応できるように2レイヤーで構成されるアダプティブアイコンという仕様を設けている
https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive?hl=ja

その為、以下の2レイヤーの画像を用意する
background:

  • 108dp x 108dp
  • 外側の4辺の18dpは、視覚効果のために使用される

foreground:

  • 108dp x 108dp
  • 72dp x 72dpの中にロゴやイメージを設置する

スプラッシュ

Android

Android 12 用の画像を指定しなかった場合は、アプリの起動アイコンが勝手に表示されます

参考

https://zenn.dev/hott3/articles/flutter-launcher-image
https://zenn.dev/flutteruniv_dev/articles/20220406-061305-flutter-native-splash
https://developer.android.com/about/versions/12/features/splash-screen?hl=ja