スクショ・モックアップ
（はめ込み合成）
あなたのスクリーンショットを、スマホのフレーム画像にはめ込みます。
処理は端末内完結。アプリの紹介画像などに最適です。
はめ込むスクショを選ぶ
ドラッグ＆ドロップ、またはタップして選択
(縦長の画像推奨)
JPG / PNG / HEIC / WebP 対応
画像を処理しています...
そのままお待ちください
✨ モックアップを使うメリット
📱 リアルな使用感を伝えられる
ただの四角いスクリーンショット画像よりも、実際のスマホのフレーム画像にはめ込まれている方が、「実際にアプリやサイトを使っている様子」が直感的に伝わり、ユーザーの興味を引きやすくなります。
💼 プロっぽい信頼感が出る
モックアップは、アプリストアの紹介画像や企業のプレスリリースなどで、画面の使用イメージを伝えるために使われます。ブログやSNSの投稿でもモックアップを使うことで、コンテンツのクオリティが上がり、プロフェッショナルな印象を与えることができます。
📝 このツールの詳しい使い方
スクリーンショットをアップロード
作成したいモックアップの元となるスクリーンショット画像を選択します。スマホアプリやWebサイトの縦長画像が最も綺麗にはめ込まれます。
端末フレームのデザインを選択
iPhone風の白・黒やAndroid風のフレームから、画像の雰囲気に合うものを選びます。プレビューで即座に仕上がりを確認できます。
完成画像をダウンロード
「保存する」ボタンで完成した画像をダウンロードします。透明な背景が維持された高品質なPNG形式で出力されます。
💡 どんな人におすすめ？
ブログ・Webサイト運営者
レビュー記事や操作マニュアルを作成する際、スクショをスマホにはめ込むだけで一気に「解説サイト」としての信頼度が高まります。
アプリ開発者・デザイナー
ポートフォリオやアプリ紹介、プレゼン資料用に、短時間でプロ品質のモックアップを作成したいときに最適です。
SNSマーケター
X (Twitter)やInstagramでのサービス告知に。スマホ風の枠を付けて、画面の利用イメージを伝えたいときに使えます。
資料作成・営業担当
お客様への導入実績や企画書のイメージ画像に。実際の端末で動いているようなリアリティを手軽に演出できます。
🔒 プライバシーと安全性について
当ツールで選択した画像は、すべてお使いのブラウザ内（デバイス内）のみで処理されます。 画像処理のために、スクリーンショットを外部サーバーへ送ることはありません。 未公開の画面も画像処理サーバーに預けず編集できます。公開用に保存した画像に、通知やアカウント名などが写っていないか確認してください。
入力・出力のポイント
はめ込みたい画像を1枚選び、端末フレームの種類を選びます。
- 出力
- 保存は選んだフレームの固定寸法の PNG で、プレビューと保存で異なる高解像度写真を使い分けるわけではありません。
仕上がりの確認：画像は画面枠へ中央から切り取られ、位置の手動調整はできません。スクリーンショットの文字やボタンが欠けないか確認してください。
入力形式と保存の手順
入力：JPG・PNG・WebP、HEIC/HEIF（変換して読み込み）。形式や端末によって読み込めない場合は、JPGまたはPNGで試してください。
「このモックアップ画像を保存する」で完成画像を表示し、「画像を保存する」で端末へ保存します。保存先でファイルを開き、寸法と仕上がりを確認してください。画像の保存ボタンが使えない場合は、完成画像の長押しも試せます。
仕上がりの例
猫の写真をスマホ風フレームにはめ込んだ例です。
市松模様は透明部分を示す表示用の背景です。ツールで保存する透過PNGには含まれません。
❓ よくある質問 (FAQ)
横長（風景）の画像でもはめ込めますか？
はめ込むことは可能ですが、端末フレームが縦長のため、中央部分がズームされた形で合成されます。スマホのモックアップには、スマホで撮影した縦長のスクリーンショットを推奨しています。
合成したときに画像がボケてしまいます。
元のスクリーンショットの解像度が低い場合、はめ込み時に拡大されることでボケが発生する場合があります。できるだけ高精細なスクショ画像を使用してください。
完全に無料で使えますか？登録は必要ですか？
はい、すべての機能を無料でご利用いただけます。会員登録やログイン、アプリのインストールも不要です。ブラウザを開いてすぐに作成いただけます。
このツールの裏側・仕組み
技術的な仕組みや、安全に処理を行うための工夫などを解説しています。
いつも ツール をご利用いただきありがとうございます🐾