スクリーンショット背景ジェネレーター
スクリーンショットを、周りに均等な余白を取った色付きの背景に置けます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
スクリーンショット背景ジェネレーターでできること
背景の色見本は 11 種類あります。6 つのグラデーション(コーラル、オーシャン、ミント、ミッドナイト、ブラッシュ、サンド)、3 つの単色(ペーパー、ホワイト、グラファイト)、「開始色」と「終了色」を自分で決める「カスタムカラー」、そして「透明」です。「余白」はスクリーンショットの周りのスペースで、既定では四辺とも幅の 10% です。
「出力サイズ」を選ぶと、キャンバスが正確な比率になるまで短い辺の側に背景が追加されます。半端なサイズの切り抜きを 16:9 のスライドや 1:1 の投稿に合わせる最も手早い方法です。「角の丸み」と「影」は「その他のオプション」にあります。ウィンドウバー付きの完全な仕上げには、きれいなスクリーンショットメーカーを使ってください。
例
選ぶもの
既定値(オーシャンのグラデーション)での 1440 × 900 px のスクリーンショット
ダウンロード
screenshot-background.png 1728 × 1188 px、四辺に 144 px の青いグラデーション
144 px は 1440 の 10% です。「透明」を選ぶと余白が透けるようになり、それが保たれるのは PNG と WebP だけです。
スクリーンショット背景ジェネレーターの使い方
- 「ファイルを選択」をクリックするか、スクリーンショットを貼り付けます。
- 「背景」を選び、「余白」を設定し、決まった形が必要なら「出力サイズ」を選びます。
- 「.png をダウンロード」をクリックします。
知っておきたいこと
- グラデーションは常に左上の角から右下の角に向かいます。角度は変えられません。
- スクリーンショットは常に中央に置かれます。位置をずらすには、背景を付けてからスクリーンショット切り抜きで切り抜いてください。
- 余白は四辺とも同じです。固定の「出力サイズ」にすると、比率に合わせるため短い辺の側に余白が追加されます。
スクリーンショット背景ジェネレーターについてよくある質問
スクリーンショットの周りに余白を付けるには?
画像を読み込み、「余白」のスライダーをドラッグします。選んだ背景で四辺にスペースが付きます。シンプルな余白なら「ホワイト」か「ペーパー」、後ろのページを透かしたいなら「透明」を選んでください。
切り抜かずにスクリーンショットを 16:9 のスライドに合わせるには?
「出力サイズ」を「16:9 スライド・動画」にします。キャンバスがちょうど 16:9 になるまで左右(または上下)に背景が追加され、スクリーンショット全体が見えたまま保たれます。
グラデーションにブランドカラーを使えますか?
はい。「カスタムカラー」を選び、「開始色」と「終了色」を設定します。たとえばメインカラーと、その明るい色合いです。既存の画像からブランドカラーを正確に取得するには、スクリーンショットカラーピッカーを使ってください。