iOSアプリのアイコンを設定して画像を起動する方法


170

アプリをアーカイブして検証できるように画像を設定するにはどうすればよいですか?画面は次のようになります。

ここに画像の説明を入力してください

だから最初の人は言う29ptが、それはまた言う2x。それで私は29x29画像または画像を入れ58x58ますか?そして、私は他のすべてのものをどこに置きますか?(私はそこよりもサイズがあることを知っている294060)。

とにかく、私が試したのは、29x29pngを最初のスロットに、a 40x40を2番目のスロットに、a を60x603番目と4番目のスロットにドラッグしました。に行ったときProduct->Archive、私は得る

/ Users / kendon / Documents / iPhone Apps / Sales Tool / Sales Tool / Images.xcassets:「AppIcon」という名前のアプリアイコンセットには、該当するコンテンツがありませんでした。


appiconを選択して属性インスペクターをタップすると、1xには29x29、2xには58x58などの必要な寸法も表示されます
Muhammad Adnan

3
このWebサイトを使用して、すべてのアプリアイコンを作成
AL̲̳I

9
Xcode自体でこれを実行できないのはなぜですか?特別なアプリやWebサイトはありません。大きな画像が1つだけの場合、それは簡単すぎるでしょう。これは私がUnityで行う方法です
tsukimi

画像がアイコンの白い背景の端に近すぎるように見えますが、画像を小さくする方法はありますが、必要な同じピクセル対ピクセル比を維持する方法はありますか?これはmakeappicon.comを使用した後
nenur 2018

iOS 13では使用されなくなりました。廃止されました。
マニッシュ

回答:


211

更新:アイコンを1つずつサイズ変更したい場合を除きSchmoudiの回答を確認してください。はるかに簡単です。

アイコンのサイズ

ここに画像の説明を入力してください

上の画像は、Designing for iOS 9からのものです。iOS 10でも同じです

アプリのアイコンを設定する方法

クリックAssets.xcassetsプロジェクトでナビゲーター、その後、選択しAPPICONを

ここに画像の説明を入力してください

これにより、空のアプリアイコンセットが表示されます。

ここに画像の説明を入力してください

次に、Finderから適切なサイズの画像(.png形式)をアプリセットのすべての空白にドラッグします。アプリのアイコンがすべて設定されているはずです。

適切なサイズの画像を作成する方法

最上部の画像は、iOS 9で必要な各ポイントサイズのピクセルサイズを示しています。ただし、iOSの将来のバージョンでこの回答を更新しなくても、次のコマンドを使用して正しいピクセルサイズを見つけることができます。以下の方法。

空の画像セットの各空白がいくつあるか(pt)を見てください。画像が1倍の場合、ピクセルはポイントと同じです。2倍の場合は2倍、3倍の場合は3倍になります。したがって、たとえば、上の最初の空白(29pt 2x)では、58x58ピクセルの画像が必要になります。

1024x1024ピクセルの画像から始めて、正しいサイズに縮小することができます。自分で行うことも、適切なサイズを取得するためのWebサイトやスクリプトもあります。「iOSアプリアイコンジェネレーター」などで検索します。

寸法が正しい限り、名前は重要ではないと思いますが、一般的な命名規則は次のとおりです。

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

起動画像

起動画面には画像を使用できますが、起動画面のストーリーボードファイルの使用を検討してください。これにより、すべてのサイズと向きに合わせてサイズが変更されます。これについては、このSOの回答または次のドキュメントを確認してください。

便利なドキュメント

この投稿のXcode画像はXcode 7で作成されました。


私にとっては、XCode 7.2では、XCodeでは画像をこれらのボックスにドラッグできません。それを手伝ってくれませんか?
ahitt6345 2016

1
@ ahitt6345:Xcode 7.2でこれを再度テストしましたが、引き続き機能します。Finderを開いて、画像があるフォルダに保存します。次に、上記のように、Xcodeの正しいアプリアイコンセットの場所にそれらをドラッグします。画像の形式が間違っていると、機能しない可能性があります。.png形式を使用します。
Suragch 2016

それらは.png形式です。もう一度ドラッグアンドドロップを試みましたが、それでも機能しませんでした。
ahitt6345

@ ahitt6345、このYouTubeビデオチュートリアルをご覧ください。それが実際に行われているのを見るのを助けるかもしれません。
Suragch 2016年

ドラッグ先の場所と一致するようにpngの形式を変更するまで、ドラッグにも問題がありました。これは、Xcodeの8.3である
素っ気

176

私は最近、App StoreIcon Set Creatorと呼ばれるこのアプリを見つけました。無料で、広告なしで、新しい変更で更新され、簡単に、OSX、iOS、およびWatchOSで可能なすべてのアイコンサイズで問題なく動作します。

アイコンセット作成者:

  1. 画像をビューにドラッグします
  2. ターゲットプラットフォームを選択してください
  3. アイコンセットフォルダーをエクスポートする

iconSetCreator

XCodeの場合:

  1. 移動Assets.xcassetsフォルダ
  2. 既存のAppIconを削除する
  3. 右クリック-> 作成したアイコンセットをAppIconとしてインポートすれば完了です


1
これは、エンタープライズアプリのアプリアイコンシステムの理解に取り組んでいる間、私にとって素晴らしい資産であることがわかりました。ただし、それがどのように機能するかを少し明確にすることが重要です。アプリは、新しく生成された画像が保存されている名前や場所を具体的に教えてくれません。これはiOSアプリケーションです。このアプリが「iOS」という名前のフォルダーを作成し、その画像を「Appicon.appiconset」という名前の別のフォルダーに保存していることを認識するのにしばらく時間がかかりました。プロジェクトにインポートする準備ができたら、このフォルダーを選択する必要があります。
ビルノーマン

時間を完全に節約できました... 15分程度ですべてが完了しました
NduJay

22

少し時間を節約するには:

1)アプリのアイコン画像をすべてファインダーでマークし、アプリのアイコン画像セットの空のスロットの1つにドラッグすることで、アセットカタログに一度にドラッグできます。スロット上でドラッグすると、他のいくつかのスロットが選択されたように見え、ドロップすると、すべてが一度に満たされます。これはXCode 8(XCode 7を試したことはありません)では機能しますが、XCode 9ベータではまだ機能しないことに注意してください。

アプリアイコンアセットカタログ画像セットにドラッグ

2)「テクニカルQ&A QA1686」アップルドキュメントサイトには、アプリのアイコンスロットごとのサイズが適切な画像で計算されており、正しい画像名の規則も含まれています。

アプリアイコンのサイズ


11

正しいサイズは次のとおりです。

1)58x58

2)80x80

3)120x120

4)180x180


10

Prepoと呼ばれるツールを使用して、適切な画像サイズをすべて生成します。アプリに画像ファイルをフィードするだけで、必要な各ファイルが適切な名前で吐き出されます。

これを行ったら、適切なファイルをドラッグするか、単にPrepoエクスポートフォルダーをポイントします。


最新のiPadでは167x167のアイコンは使用できません
Yernar Amergaliyev 2017

画像をエクスポートすると、実際には167x167が生成されます。プレビューウィンドウにそのサイズ(および他の多くのサイズ)が表示されないだけです
tiguchi

8

アプリアイコンを設定するのは本当に簡単です。https://makeappicon.com/にアクセスして画像を追加するだけで 、すべてのサイズのアプリアイコンが送信されます(時計とiTunesの場合も同様です)、[アセット]をクリックします。プロジェクトナビゲーターで.xcassetsをクリックし、AppIconを選択します。次に、必要に応じてアイコンをドラッグアンドドロップするだけです。


5

左側のリストで、[AppIcon]を右クリックし、[Finderで開く]をクリックします。「AppIcon.appiconset」という名前のフォルダが開きます。必要な解像度ですべてのグラフィックをそこに貼り付けます。完了すると、これらすべての画像がこの同じ画面(スクリーンショットに1つ)に表示されます。次に、それらを適切なボックスにドラッグします。アプリアイコンを追加しました。起動画像と同じプロセス。このプロセスによる起動画像がiOS 7以下に追加されます。iOS 8の場合、デフォルトで個別のLaunchScreen.xibファイルが作成されます。


5

Iconizerというアプリを見つけました。リポジトリはgithubにあります。Iconizerは、OS X、iPad、iPhone、CarPlayApple Watchのアプリアイコンを1つの画像で生成できます。

アイコンをIconizerにドラッグアンドドロップし、必要なプラットフォームを選択し、すべてのプラットフォームを1つのアセットカタログに生成するかどうかを選択してから、エクスポートをクリックします。

その後、Assets.xcassetsのAppIconを置き換える(削除してインポートする)だけです。


2

これはXCodeの非常にイライラする部分です。多くの人と同じように、xcodeの新しいバージョン(バージョン8)に切り替えたとき、私はこれに何時間も費やしました。私の解決策は、プロジェクトのプロパティを開き、[アプリアイコンと起動画像]の下で、アイコンの[移行]オプションを選択することでした。私はすでにすべてのアイコンをそこに持っていたので、これはまったく意味がありませんでしたが、うまくいきました!残念ながら、プロジェクトにランチャーアイコンのコピーが2つあるようです。


これは私がiOSの11のために非常に古い(iOSの3)プロジェクトを更新するために必要なものだった
ダグ・ヴォス

1

更新されたバージョン(Xcode 8.3.3)に従って、AppIconセットのすべてのフィールドに以下の解像度が必要であることがわかりました。

40x40
58x58
60x60
80x80
87x87
120x120
180x180

hdpi、xhdpi、xxhdpiなどが付属しています。他の人の役に立つことを願っています。

120x120に編集

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