polyshきれいなスクリーンショットメーカー
撮ったままのスクリーンショットを、投稿、スライド、変更履歴に使える洗練された画像にできます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
きれいなスクリーンショットメーカーでできること
SNS や変更履歴にそのまま載せたスクリーンショットは、ページに埋もれがちです。余白、角丸、やわらかい影を付けてグラデーションの上に置くと、輪郭と奥行きが生まれます。このツールはそれらをまとめて適用し、コーラルのグラデーション、余白 8%、角の丸み 14 px、影 40 px から始まります。
「出力サイズ」はスクリーンショットに合わせたままにするか、スライドや動画用の 16:9、4:3、1:1、SNS のフィード用の 4:5 に固定できます。「その他のオプション」の「ウィンドウバー」では、信号機のようなボタン付きのライトまたはダークのタイトルバーを加え、SaaS らしい見た目にできます。スクリーンショットの上に見出しを入れるには、製品スクリーンショットジェネレーターを使ってください。
例
選ぶもの
既定の設定での 1440 × 900 px のスクリーンショット
ダウンロード
screenshot-beautified.png 1670 × 1130 px：コーラルのグラデーションに余白 115 px で配置したスクリーンショット
余白はスクリーンショットの幅の 8%（115 px）で、四辺すべてに付きます。16:9 を選ぶと、キャンバスは 2009 × 1130 に広がります。
きれいなスクリーンショットメーカーの使い方
- 「ファイルを選択」をクリックするか、スクリーンショットを貼り付けます。
- 「背景」の色見本を選び、「余白」を設定して、「出力サイズ」を選びます。
- 「その他のオプション」で「角の丸み」「影」「ウィンドウバー」を微調整し、「.png をダウンロード」をクリックします。
知っておきたいこと
- カスタムカラーで作れるのは 2 色の線形グラデーションだけです。画像、パターン、メッシュグラデーションは背景に使えません。
- 余白は四辺とも同じです。左右と上下で余白を変えたい場合は、固定の「出力サイズ」を使うと、短い辺の側に余白が加わります。
- このツールのウィンドウバーにはタイトルの文字がありません。タイトルを設定するには Mac ウィンドウモックアップを使ってください。
きれいなスクリーンショットメーカーについてよくある質問
SNS 向けにスクリーンショットをプロらしく見せるには？
周りに余白を取り、角を丸め、やわらかい影を付けて、ブランドに合う背景に置きます。そのうえで、X や LinkedIn のリンク投稿なら 16:9、Instagram なら 4:5 のように、プラットフォームの形に合わせてください。
スクリーンショットの背景には何色が合いますか？
スクリーンショットの主な色と対照的な背景を選びます。明るいアプリはオーシャンやミッドナイトのような鮮やかな色や暗いグラデーションの上で、暗いアプリはサンド、ブラッシュ、ペーパーの上で映えます。
ウィンドウバー付きの SaaS 風スクリーンショットを作れますか？
はい。「その他のオプション」を開き、「ウィンドウバー」を「ライト」か「ダーク」にします。赤、黄、緑の丸が付いたバーが、角丸の枠の内側でスクリーンショットの上に追加されます。