KOENJP

スクリーンショット モックアップ作成

SCREENSHOT · MOCKUP

スクリーンショットをブラウザ風のウィンドウやスマホのフレームに入れ、グラデーション背景・余白・角丸・影を付けて、高画質の2倍PNGで保存します。画像はアップロードされません。

SAMPLE · 1200×750 スクリーンショットをここにドラッグするか、Ctrl/⌘+Vで貼り付け
HOW TO

使い方

  1. スクリーンショットをドラッグするか、コピーして貼り付けます。「画像を変更」からも選べます。
  2. フレームをなし・ブラウザ・ダーク・スマホから選び、アドレスバーの文字や本体の色を設定します。
  3. 背景(単色・グラデーション・透明)と余白・角の丸み・影を調整します。
  4. 書き出し倍率を選び、「PNG保存」または「画像をコピー」で使います。
PAIRS WELL WITH

あわせて使いたいツール

FAQ

よくある質問

画像はアップロードされますか?

いいえ。合成はすべてこのブラウザ内で行い、画像はどこにも送信されません。

高解像度ディスプレイのスクリーンショットがぼやけたり大きすぎたりします。

「元画像の倍率」でキャプチャの倍率(Macは2倍、スマホは3倍が目安)を選ぶと、フレームとの比率が正しくなります。

背景を透明にできますか?

はい。背景で「透明」を選ぶと透明なPNGで保存され、影も半透明のまま残ります。