Xcodeアセットカタログ作成

Xcodeアプリアイコン作成

1 つのアイコンを、一致する PNG と Content.json を含む完全な AppIcon.appiconset に変換します。

現在の1024×1024 Single Size方式、またはiPhone・iPad・App Store向けの従来サイズ一式を選べます。各画像を不透明な正方形にして、ブラウザ内でパッケージ化します。

モダン 1024 シングルサイズ18 個の互換スロット目次.json が含まれていますブラウザ内でローカル処理
Xcode アセット カタログ ワークベンチ / ローカル セッション画像を選択してください

1024×1024のXcodeアプリアイコンを選択

完成済みの正方形画像を使用してください。ラスター画像は1024 px以上あると拡大を避けられます。SVGは各互換サイズでも鮮明に描画されます。

PNG・JPG・WEBP・SVG / 最大10MB / 1024×1024推奨

Xcode コントラクトを選択します

Xcode アプリのアイコン サイズ: 単一サイズとすべてのサイズ

最新の Xcode は、1 つの 1024×1024 画像から iPhone および iPad のバリアントを派生できます。互換モードは、明示的なポイント アンド スケール スロットを保持するプロジェクト、またはアートワークを小さいサイズで調整するチーム向けです。

18 個の互換性出力はカタログ スロットであり、18 個の必須デザインではありません。現在の Xcode のすべてのサイズのカタログではスロットを未割り当てのままにすることができ、ほとんどの新しい iOS プロジェクトではシングル サイズがより単純なデフォルトです。

おすすめ

最新の Xcode: 1024×1024 ユニバーサル アイコン 1 つ

1 つの不透明なデフォルトの外観 PNG とユニバーサル iOS マニフェスト エントリを生成します。 Xcode はより小さなデバイス表現を作成します。

1 PNG · 1024×1024 · universal

Xcode のすべてのサイズ: iPhone、iPad、および App Store スロット

完全な古典的な 18 スロット マトリックスを生成するため、すべてのイディオム、ポイント サイズ、スケールに名前付き PNG が付けられます。

8 iPhone · 9 iPad · 1 App Store
決定モダンなシングルサイズすべてのサイズの互換性
こんな方に最適1 つの完成した 1024px マスターを含む新しい iOS および iPadOS プロジェクト古いカタログ、引き継ぎパッケージ、または意図的な小規模チューニング
PNG出力ユニバーサル 1024×1024 PNG 1 枚13 の固有のピクセル寸法にわたる 18 個のスロット ファイル
マニフェストマッピングユニバーサル + プラットフォーム iOS + 1024 サイズiPhone、iPad、iOS のマーケティング慣用句とポイント サイズとスケール
アートワークの制御1 つの外観は、どの派生サイズでも同一のままです小さなスロットにカスタムの詳細が必要な場合は、後でファイルを置き換えることができます

ZIP からアセット カタログへ

AppIcon.appiconset を Xcode に追加する方法

ダウンロードすると、アセット セット フォルダーが直接開きます。 Xcode がすべてのマニフェスト エントリを解決できるように、PNG ファイルと Content.json を一緒に保持します。

  1. 01

    アプリアイコンセットをダウンロードして解凍します

    選択したモードを生成し、AppIcon.appiconset.zip をダウンロードし、ファイルの名前を変更したり分割したりせずに展開します。

  2. 02

    Xcode で Assets.xcassets を開く

    プロジェクト ナビゲーターで、アプリケーション ターゲットに割り当てられたアセット カタログを開き、既存の AppIcon セットを見つけます。

  3. 03

    既存の AppIcon.appiconset を置き換えます

    アクティブなファイルの名前変更を終了し、生成されたフォルダーをアセット カタログにドラッグするか、プロジェクト内の一致するフォルダーを置き換えます。

  4. 04

    ターゲットの構築と検査

    ターゲットのアプリ アイコン ソースが AppIcon を指していることを確認し、サポートするデバイスと外観でアイコンを構築して確認します。

マニフェストの解剖学

Contents.json が Xcode でアプリのアイコン サイズをマップする方法

Xcode は、ファイル名から推測するのではなく、マニフェストを読み取ります。各イメージ エントリは、目的のカタログ スロットを識別します。ファイル名は、Contents.json の横にある PNG にそのスロットを接続します。

AppIcon.appiconset / Contents.json
{
  "images": [{
    "filename": "AppIcon-1024.png",
    "idiom": "universal",
    "platform": "ios",
    "size": "1024x1024"
  }],
  "info": { "author": "xcode", "version": 1 }
}

filename

同じ AppIcon.appiconset ディレクトリ内の PNG を参照します。生成されたすべての参照はパッケージ化前にチェックされます。

イディオムとプラットフォーム

最新の出力では、iOS プラットフォームでのユニバーサルなイディオムが使用されています。互換性の出力により、iPhone、iPad、または iOS のマーケティングが識別されます。

サイズとスケール

互換性スロットはポイントと @1x、@2x、または @3x スケールを表します。それらを乗算すると、必要な PNG ピクセル寸法が得られます。

info

カタログのメタデータは、アセット カタログの規則に一致する、作成者の xcode とフォーマット バージョン 1 を宣言します。

最初のビルドの前に

Xcode アプリ アイコンのエクスポート チェックリスト

生成により、ファイルとマニフェストの作業が解決されます。短い視覚的なレビューにより、システム マスク、デバイス、App Store プレゼンテーション全体で最終的なアイコンが保護されます。

不透明なフルスクエアのデザインを使用する

透明なエッジは避けてください。選択した背景はすべての PNG の背後で平坦化されるため、Xcode 出力にはアルファが残りません。

角を丸くして焼かないでください

エクスポートされたキャンバスは正方形のままにしておきます。 iOS は独自のマスクを適用します。あらかじめ丸められたアートワークでは、目に見える境界線や二重の丸めを作成できます。

ダークとティントを別のアートワークとして扱う

この最初のリリースでは、デフォルトの外観のみが生成されます。その画像を偽の Dark または Tinted バリアントに複製することはありません。

Xcode プロジェクトで検証する

ターゲット設定、カタログ警告、デバイスのプレビュー、実際のビルドを確認します。自動化されたパッケージ チェックは、プロジェクト レベルの検証に代わるものではありません。

外観のバリエーション

標準は収録、ダーク・着色バージョンは任意

カスタム バリアントが存在しない場合、システムはカスタム バリアントを派生できます。適切な Dark アセットは透明度を使用でき、Tinted アセットはグレースケールである必要があるため、どちらもすべてのフラット ソースから正直に再構築することはできません。

階層化された Apple アイコン

これは Icon Composer の .icon ファイルではありません

Apple Icon Composer は、レイヤーと液体ガラスの調整を保持します。フラット アップロードではその構造を復元できないため、このツールは従来の AppIcon.appiconset を意図的にエクスポートします。

さまざまな出力ジョブ

Xcode ジェネレーターとクロスプラットフォーム ジェネレーターおよびリサイザー

このページは、焦点を絞った Xcode アセット カタログに使用します。 iOS と Android リソースのクロスプラットフォーム ジェネレーター、またはカタログ メタデータのないルーズ PNG サイズ ファイルのリサイザーを選択してください。

公式 Xcode アプリのアイコンとアセット カタログのリファレンス

このページのモード、用語、および注意事項は、Apple のガイダンスに基づいて検討されました。最終的なプロジェクトのビルドは、Xcode のバージョンとターゲットに対する信頼できる検証として残ります。

Xcode アプリ アイコン ジェネレーターに関するよくある質問

1024×1024 ソース ファイル、シングル サイズ、互換スロット、透明度、Contents.json、Icon Composer、およびローカル処理についての回答。

Xcode アプリのアイコン ジェネレーターにアップロードする画像のサイズはどれくらいですか?

1024×1024 の正方形の PNG、JPG、または WebP を使用するか、そのサイズできれいにレンダリングできる SVG をアップロードします。小さいラスター ファイルは拡大できますが、生成された 1024 ピクセルの App Store 画像では欠落した詳細を復元できません。

最新の Xcode には、あらゆる iPhone および iPad アプリのアイコン サイズが必要ですか?

いいえ。最新の Xcode は、1024×1024 の 1 つのアイコンから開始してより小さい表現を派生する単一サイズのワークフローをサポートしています。すべてのサイズの互換性は、プロジェクトまたはハンドオフで明示的なポイント アンド スケール スロットが必要な場合にのみ使用してください。

Apple は 18 個の互換 PNG をすべて必要としていますか?

いいえ、それらは完全な古典的な iPhone、iPad、App Store のスロット マトリックスを表しており、普遍的に必要な 18 のデザインではありません。現在の Xcode のすべてのサイズのカタログでは、スロットが未割り当てのままになる場合があります。このツールはマトリックスを埋めて自己完結型の互換性パッケージを作成します。

Xcode アプリのアイコンの背景を透明にすることはできますか?

デフォルトのアプリアイコンは透明度に依存すべきではないため、このジェネレーターはすべての PNG を選択した不透明な色に平坦化します。カスタム ダークの外観アートワークは別のガイダンスに従っており、この最初のリリースでは生成されません。

ジェネレーターは PNG ファイルに丸い角を追加しますか?

いいえ。エクスポートされたすべての PNG は完全な正方形のままです。プレビューの丸い輪郭は、システム マスクがアートワークをどのように構成するかを示しています。 iOS は表示時に実際のマスクを適用します。

Content.json は AppIcon.appiconset 内で何をしますか?

各 PNG ファイル名をアセット カタログ スロットにマップします。最新の出力では、ユニバーサル iOS 1024 エントリが使用されます。互換性出力は、各 iPhone、iPad、および App Store スロットのイディオム、ポイント サイズ、およびスケールを記録します。

このツールは、Dark、Tinted、または Icon Composer アセットを作成しますか?

いいえ。従来の AppIcon.appiconset でデフォルトの外観を作成します。アートワークを誤解を招くような Dark または Tinted のバリアントにコピーすることはありません。また、Apple Icon Composer によって生成されるレイヤー化された .icon ファイルを作成することもできません。

私のアプリアイコンはサーバーにアップロードされていますか?

いいえ。画像の読み取り、SVG サニタイズ、サイズ変更、PNG エンコード、マニフェストの作成、プレビュー、ZIP パッケージ化はすべてブラウザーで行われます。 LogoFoundry は、選択されたアートワークを受信または保存しません。