> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# アプリアイコンを生成する

> Replit の組み込み画像生成機能を使って PixelGames のアプリアイコンを作成しましょう。

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

export const appIconPrompt = "Generate 3 different 1024x1024 app icon concepts for PixelGames.";

両方のストアとも、提出を受け付ける前にアプリアイコンが必要です。Replit は別のデザインツールを使わずに
直接生成できます。

## 各ストアが必要とするもの

* **App Store:** 1024×1024、透過なし、角丸なし（Apple 側で追加されます）。
* **Google Play:** 512×512。

## 生成する

プロンプトを送信する前に **Design** モードに切り替えてください。これにより Agent が画像を生成するようになります。

<AiPrompt>
  {appIconPrompt}
</AiPrompt>

Agent は一度に複数の方向性を生成するので、決定する前に比較して選ぶことができます。

<Frame caption="Agent が PixelGames 向けに生成した3つのアプリアイコンのコンセプト。比較する準備ができています。">
  <img src="https://mintcdn.com/replit/WuaQIOfW5oxRlxex/images/pixelgames/mobile/app-icons.png?fit=max&auto=format&n=WuaQIOfW5oxRlxex&q=85&s=10072e965710ebb49eea4d3e75295507" alt="生成された3つの PixelGames アプリアイコンのコンセプト: Console、Blocks LCD、P Monogram" data-path="images/pixelgames/mobile/app-icons.png" width="1920" height="992" data-path="images/pixelgames/mobile/app-icons.png" />
</Frame>

## 次のステップ

<CardGroup cols={2}>
  <Card title="App Store のスクリーンショットを生成する" icon="images" href="/ja/build/mobile-store-screenshots">
    各ストアが必要とするマーケティング用スクリーンショットを作成しましょう。
  </Card>

  <Card title="App Store に提出する" icon="apple" href="/build/mobile-publish-ios">
    このアイコンを App Store のリスティングで使用しましょう。
  </Card>
</CardGroup>

## 関連

* [Google Play に提出する](/build/mobile-publish-android)