31
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

iOSアプリのアイコン作成手順

Last updated at Posted at 2014-10-25

iOSアプリアイコンを1024x1024pxで作成すれば、Spotlight用や設定用アイコン、iTunesConnect向けのアイコンが自動で生成されるシェルスクリプト。

シェルスクリプトの作成

iosappicon-gen.sh
mkdir appiconset

convert $1 -resize 58x58 appiconset/iphone_ios_5_6_spotlight_and_settings_ios5_8@2x.png
convert $1 -resize 87x87 appiconset/iphone_ios_5_6_spotlight_and_settings_ios5_8@3x.png

convert $1 -resize 80x80 appiconset/iphone_ios_7_8_spotlight@2x.png
convert $1 -resize 120x120 appiconset/iphone_ios_7_8_spotlight@3x.png

convert $1 -resize 120x120 appiconset/appicon@2x.png
convert $1 -resize 180x180 appiconset/appicon@3x.png

convert $1 -resize 29x29 appiconset/ipad_ios_5_8_settings@1x.png
convert $1 -resize 58x58 appiconset/ipad_ios_5_8_settings@2x.png

convert $1 -resize 40x40 appiconset/ipad_ios_7_8_spotlight@1x.png
convert $1 -resize 80x80 appiconset/ipad_ios_7_8_spotlight@2x.png

convert $1 -resize 76x76 appiconset/ipad_app_icon@1x.png
convert $1 -resize 152x152 appiconset/ipad_app_icon@2x.png

画像のリサイズ

1024x1024のアプリアイコンを作成し、下記のシェルスクリプトで画像のリサイズを行う。
(シェルスクリプトの実行権限を変更する必要有り)

$ chmod u+x iosappicon-gen.sh
$ ./iosappicon-gen.sh hoge.png

補足: 必要な画像サイズ一覧

iPhone(Ratina、@2x):iOS8・iOS7

種類 サイズ 角丸 必要度 画像名
ホーム画面アイコン 120*120 26px 必須 appicon@2x
Spotlight 80*80 18px spotlight@2x
設定用 58*58 10px settings_appicon@2x
ストアアイコン 1024*1024 180px 必須 iTunesArtwork@2x

iPhone6 Plus(Ratina HD、@3x):iOS8

種類 サイズ 角丸 必要度 画像名
ホーム画面アイコン 180*180 39px 必須 appicon@3x
Spotlight 120*120 26px spotlight@3x
設定用 87*87 19px settings_appicon@3x

アプリの作成に参考になるサイト

更新履歴

  • 2015/02/25 iPad向けのアイコンも一括で出力するようにシェルスクリプトを編集
31
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
31
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?