Chrome拡張機能アイコン・ストア画像生成ツール

01
ソース画像
またはAIで生成
02
プラットフォームを設定
1 プラットフォーム選択済み
03
プレビュー

1 プラットフォーム

画像アップロード待ち

画像をアップロードした後、各プラットフォームの効果をリアルタイムでプレビューできます

ソース画像

ツールの改善にご協力ください

読み込み、プラットフォーム、保存に問題がありますか?ページ、ブラウザー、選択したプラットフォーム、再現手順をお知らせください。

連絡フォームを新しいタブで開き、現在の作業を保ちます。画像や設定は添付しません。機密情報は含めないでください。

意見を送る(新しいタブで開く)
このツールは役に立ちましたか?
書き出し後にコーヒーで開発をサポートしていただけると助かります。
  • 処理はすべてブラウザ内で完結し、ファイルはアップロードされません。
  • 1回のエクスポートで iOS・Android・Chrome など主要プラットフォームを網羅。

皆さまのコーヒーが AppIconGenerator を速く安全で無料なまま保ちます。

Chromeのアイコンとプロモーション画像を出力

画像をアップロードしてChromeを選ぶと、PNGアイコンと長方形の画像を出力します。白い背景に素材を中央配置するため、提出前にデザインを確認してください。

ZIPに含まれるファイル

  • ストアアイコン(128x128):Chrome Web Store掲載用の個別PNG。
  • 小タイル(440x280):小型プロモーション枠用の不透明PNG。
  • Marquee(1400x560):任意の大型プロモーション画像。掲載用スクリーンショットとは別です。

出力できる内容

  • 拡張機能アイコン:16、32、48、128 pxのPNGとManifest V3のひな形。
  • スクリーンショット:実際の画面を1280x800または640x400で別途撮影してください。このツールでは撮影やフレーム追加は行いません。
  • プロモーション素材:元画像を使用し、文字は追加しません。レイアウトや文字は事前に画像編集ツールで用意してください。

Chrome素材の出力手順

  1. 元画像をアップロードし、Chromeを有効にします。
  2. プレビューでアイコンを確認し、小さなサイズで見やすいか調べます。
  3. ZIPをダウンロードしてChrome_Extensionを開きます。PNGの寸法を確認し、manifest.jsonを拡張機能に合わせて完成させます。
  4. プロモーション画像を確認し、実際のスクリーンショットを別途用意して、現在のストア要件に従って提出します。

図案を作成して各プラットフォーム用に書き出す

拡張機能アイコンとストアの宣伝画像は用途が異なります。16・32・48・128 pxと440 × 280・1400 × 560を別々に確認します。

AI生成にはクレジットを使用します。実行前に表示料金を確認してください。リサイズと各プラットフォーム用の書き出しは無料です。

運営・保守:内容確認日:お問い合わせ

確認対象はページの説明と記載された機能です。公開前に、書き出したファイルを自分のプロジェクトで検証してください。

プラットフォームの参考資料:Chrome