スクリーンショット美化

スクリーンショット美化ツール

任意のスクリーンショットにグラデーション背景、パディング、角丸、ソフトシャドウを追加 — 無料でブラウザ上から。

フレームに入れるスクリーンショットをドロップ

ドラッグ&ドロップ、貼り付け、またはファイルを選択

PNG · JPG · WebP — お使いのデバイスで合成

グラデーション背景ソフトシャドウ透かしなし Phone · Laptop · Browser

美化ツールでできること

スクリーンショットを美化するとは、内容を変えずに見た目を整えることです:白い空白の代わりにカラフルな背景、窮屈さをなくすパディング、やさしく角丸にした枠、そして本物のオブジェクトのように見せるドロップシャドウ。洗練されたプロダクトローンチやSNS投稿でよく見られるあのルックです。

この美化ツールはそれぞれをシンプルなコントロールとして提供します。背景を選び、パディングをスライドし、角を柔らかくし、シャドウを設定し、奥行きのためにわずかな傾きを追加 — すべてリアルタイムで確認しながら、ダウンロード前に仕上がりをプレビューできます。

スクリーンショットを美化する方法

  1. スクリーンショットを開く。 ドラッグ、貼り付け、またはファイルを選択します。
  2. 背景を選ぶ。 グラデーションプリセットまたは単色を選択します(透明のままにすることも可能)。
  3. 見た目を調整。 パディング、角丸、シャドウ、傾きをちょうど良く見えるまでスライドします。
  4. ダウンロード。 高解像度PNG、JPG、またはWebPをエクスポートします。

統一感のあるセットを作る

同じプロジェクトの複数のスクリーンショットを美化する場合は、それぞれに同じ背景、パディング、シャドウを使用して、まとまりのあるセットに見せましょう。ブランドカラーのグラデーションは特に効果的です。

More mockup & screenshot tools

よくある質問

何を調整できますか?

背景(グラデーション、単色、または透明)、パディング、角丸、ドロップシャドウの強さ、小さな3Dスタイルのチルト。

角を直角のままにできますか?

はい。角丸スライダーを0にすると直角、増やすとより柔らかい丸みになります。

デバイスフレームは必須ですか?

いいえ。美化ツールはスクリーンショット単体で機能します。希望すればフレームも追加できます。

画像はどこで処理されますか?

モックアップはブラウザ内で合成されるため、新しい画像はお使いのデバイス上で作成されます。ツールに関連するデータの取り扱いはプライバシーポリシーに記載しています。

他の画像ツール