App Storeスクリーンショット作成とストア掲載画像の出力
アプリスクリーンショット作成は、画面キャプチャに端末フレームや背景色、キャプション文字を合成し、各ストアの規定サイズでPNG出力できるブラウザツールです。画像データは外部サーバーへ送信されず、すべてお使いのブラウザ内部でCanvas描画処理されます。アカウント登録や透かし表示なしで、未公開アプリのスクリーンショットでも安心してお使いいただけます。
App Storeスクリーンショット作成の手順
ストア掲載画像を作成する手順はシンプルです。画像編集ソフトを起動することなく、ブラウザ上で作業を完結できます。
- ドラッグ＆ドロップエリアにスクリーンショット画像を読み込ませます。
- 端末フレームの種類（iPhoneまたはAndroid）を選択します。
- グラデーションや単色から背景を選択するか、独自の16進数カラーコードを入力します。
- 必要に応じて端末の上に表示するキャプションを入力します。
- 詳細設定を開き、出力サイズやドロップシャドウを設定します。
- Download PNGボタンを押すと、指定解像度のPNG画像が端末に保存されます。
Google Playスクリーンショットサイズとプリセット
ストア申請では各プラットフォームが定める出力サイズに合わせる必要があります。本ツールの詳細設定内から標準的なプリセットサイズを選択できます。
App Store向けにはiPhone 6.9インチ（1290×2796）、6.5インチ（1284×2778）、5.5インチ（1242×2208）、iPad 12.9インチ（2048×2732）を用意しています。Google Playスクリーンショットサイズとしてはスマホ用の9:16（1080×1920）およびタブレット用の5:8（1600×2560）を選択可能です。
Google Playのサイズを選択すると、端末フレームも自動でAndroid仕様へ切り替わります。ストアの要件は変更されることがあるため、申請前にはApp Store ConnectやPlay Consoleで最新仕様をご確認ください。
iPhone・Android・iPad端末フレームの自動判定
メイン画面ではiPhoneとAndroidの2種類のフレームスタイルを選択できます。iPhoneフレームは角丸が深く、薄いベゼルと上部のDynamic Islandを描画します。Androidフレームはより四角く、スリムなベゼルと丸型のパンチホールカメラを備えています。
タブレットのスクリーンショットは画像のアスペクト比から自動的に判定されます。縦横比がスマホより正方形に近い画像を読み込むと、平らな角、均一な幅のベゼル、小型レンズを備えたタブレット用フレームへ自動的に切り替わります。
背景色とキャプション文字の視認性調整
背景にはワンタップで選べる6種類の2色グラデーションと8種類の単色カラーを内蔵しています。カラーピッカーやHEXフィールドを使用して、ブランドの指定色を直接設定することも可能です。
キャプションは端末フレームの上に配置され、最大100文字まで自動で折り返されます。ツールが背景色の明暗を自動計測し、黒に近い濃色または白色を高い視認性の文字色として自動選択します。
完全ローカル処理による未公開画像のセキュリティ
本ツールはApp Store向け画像ジェネレーターやGoogle Play用画像作成ツールとして機能しますが、処理はすべてブラウザ上のCanvasで行われます。画像の読み込み、フレーム描画、PNG変換の全工程がお手元の端末内で完結します。
外部サーバーへの画像送信やアカウント作成は不要です。リリース前の未公開アプリ画面を扱う際にもデータ流出の心配がありません。
よくある質問
App Store申請用のスクリーンショットサイズはどれを選べばいい？
詳細設定メニューからiPhone 6.9インチ（1290×2796）、6.5インチ（1284×2778）、5.5インチ（1242×2208）、iPad 12.9インチ（2048×2732）などのプリセットを選択できます。選択した解像度で正確にPNG画像が出力されます。なお、申請に必要な必須サイズは変更される場合があるため、提出前にApp Store Connectで最新仕様をご確認ください。
FigmaやPhotoshopを使わずにブラウザだけでストア画像を作れる？
はい、デザインソフトを使用せずにブラウザのみで作成可能です。本ツールは端末フレームの合成、背景色の設定、キャプション文字の追加、指定解像度でのPNG出力を一括で行えます。デスクトップだけでなくスマートフォン上のブラウザでも動作します。
開発中・未公開アプリのスクショを外部サーバーにアップロードしても安全？
本ツールでは画像が外部サーバーへアップロードされることは一切ありません。画像の読み込み、Canvas描画、PNG出力はすべてお使いのブラウザ内部で完了します。第三者のサーバーにデータが残らないため、未公開アプリの画面でも安全に加工できます。
Google PlayとApp Storeでスクショのサイズや端末枠をまとめて作成できる？
同一ツール上でApp Store向けとGoogle Play向けの画像を切り替えて作成できます。詳細設定でGoogle Play用のサイズを選択すると、端末フレームも自動的にAndroid仕様へ切り替わります。出力画像は選択したピクセルサイズでそのまま保存されます。
iPadやAndroidタブレット用のスクショも自動で枠を切り替えられる？
はい、読み込んだ画像のアスペクト比から自動判定されます。タブレット特有の正方形に近い画像を読み込むと、専用のベゼルとレンズを備えたタブレット用フレームへ自動的に変更されます。iPad 12.9インチ（2048×2732）などの出力サイズと組み合わせて生成できます。
無料で作成した画像に透かしや枚数制限はつく？
透かし（ウォーターマーク）の付与や作成枚数の制限は一切ありません。すべての処理がお手元のブラウザ内で完結するため、サーバーコストが発生せず完全無料・無制限でご利用いただけます。
App Store Connectでサイズエラーが出たときの対処法は？
提出先のストアが要求するピクセルサイズと出力画像の解像度が一致しているかご確認ください。詳細設定から希望のストアプリセットを選択してダウンロードすることで、アスペクト比の崩れや解像度不一致のないPNG画像を取得できます。
おすすめ
-
UI/UXデザインの原則アプリ画面の見せ方を学べる一冊。
-
ロジクール MX ANYWHERE 3S持ち運べる静音マウスで制作がスムーズ。
-
Wacom One 液晶ペンタブレット 14アイコンや画面の手描きスケッチに。
無料でツールを続ける支えになります。✨
画像はイメージです。 Amazonのアソシエイトとして、Capsule Toolsは適格販売により収入を得ています。
