📱 デバイスモックアップフレーム

Web・アプリのスクリーンショットをMac風のブラウザウィンドウやスマホフレームにはめ込み、実際のデバイスに表示したようなモックアップ画像を作るツールです。グラデーション背景や影まで加えて、App Store掲載用画像やポートフォリオ、プレゼン資料向けのビジュアルをすばやく仕上げられます。

使い方

1. モックアップにするスクリーンショットをドラッグ&ドロップするか、クリックして選択します。
2. 「ブラウザ」または「スマホ」タブでフレームの種類を選びます。
3. ブラウザはアドレスバーのテキストを、共通で背景（グラデーション・単色・透明）と余白を調整します。
4. プレビューを確認したら「PNGダウンロード」でモックアップ画像を保存します。

よくある質問

アップロードしたスクリーンショットはサーバーに送信されますか？

いいえ。画像の合成もフレームの描画もすべてブラウザのキャンバス内だけで処理され、スクリーンショットがサーバーに送信・保存されることはありません。非公開の画面キャプチャも安心してご利用いただけます。

背景を透明にして保存できますか？

はい。背景オプションで「透明（PNG）」を選ぶと、フレームと影だけが残り背景が空の透明PNGとして保存されます。スライドやほかのデザインの上にも自然に重ねられます。

横向き・縦向きどちらのスクリーンショットでも入れられますか？

はい。スクリーンショットの元の比率をそのまま保ってフレームに合わせて描画するため、デスクトップのキャプチャ（横）でもモバイルのキャプチャ（縦）でも切れずにモックアップにできます。