スクリーンショットモックアップジェネレーター
スクリーンショットモックアップジェネレーター：背景、キャプション、エクスポートコントロール付きのカスタマイズ可能なデバイスフレームでスクリーンショットを表示できます。
This screenshot mockup generator online is the workspace, not a teaser. Upload stays on your device, frames are drawn in the tab, and you can iterate on layout, captions, and canvas size before downloading PNG or JPG. Use a screenshot mockup when a raw rectangle looks unfinished on a store listing, landing page, portfolio, or social post — the frame tells people which device the product lives on.
クイックスタートテンプレート
スクリーンショットモックアップの作成方法
ステップ1 — スクリーンショットをアップロード
アップロードゾーンをクリックするか、PNG、JPG、WebP、GIFファイル（最大20 MB）をドラッグ＆ドロップしてください。画像は完全にブラウザ内に留まり、サーバーには送信されません。
ステップ2 — デバイスフレームとスタイルを選択
このスクリーンショットモックアップジェネレーターから14種のデバイスフレームを選べます — iPhone、Pixel、iPad、Galaxyスマホ＆折りたたみ、MacBook、Surface Pro、iMac、ブラウザウィンドウ、Steam Deck など。フレーム仕上げ（シルバー、スペースブラック、ゴールド、スターライト）、スケール、シャドウを設定できます。
ステップ3 — 背景をカスタマイズしてエクスポート
単色、グラデーションプリセット、またはカスタムHEX背景を選択してください。必要に応じて見出しとサブタイトルを追加し、キャンバスサイズを選んで、PNGまたはJPGでダウンロード — またはクリップボードにコピーできます。
洗練されたスクリーンショットモックアップを作成
最新デバイスフレーム {count} 種
iPhone Air、iPhone 17 Pro & Pro Max、Google Pixelクラス、iPad Pro 13" & iPad Air 11"、Galaxy Ultra & Z Fold、MacBook Pro 14" & MacBook Air 15"、Microsoft Surface Pro、iMac 24"、デスクトップブラウザ、Steam Deck を含みます — すべてブラウザ内Canvas 2Dで描画され、テンプレート画像のダウンロードは不要です。
豊富な背景オプション
8種の単色スウォッチ、8種のグラデーションプリセット、カスタムカラーピッカーで、デバイスモックアップの背後にブランドパレットを合わせられます。
見出しとサブタイトル
最大2行をカスタム色、サイズ、配置で追加できます — App Store風のキャプションをデバイスフレームの上下に使うのに便利です。
一般的なキャンバスサイズ
プリセットには1080×1080（正方形ソーシャル）、1242×2688（iPhoneリスティングクラス）、2048×2732（iPadクラス）、1920×1080（16:9）、1280×800（ノートPC向け）が含まれます。
PNG、JPG、クリップボード
このスクリーンショットモックアップジェネレーターから高解像度モックアップをエクスポートするか、デザインツールやドキュメント向けにクリップボードにコピーできます。
ローカル・非公開
すべての合成はブラウザ内で行われます。スクリーンショットはモックアップ描画のために当社サーバーにアップロードされません。