完全なデザインを選択
8つのテンプレートが、調整された背景、フレーム、間隔を設定します。
利用可能な開始デザイン
Studio、Midnight、Minimal、Floating、Ocean、ソーシャルカード、ソフトローズ、温かみのある紙は、それぞれ異なる開始構成を提供します。テンプレートは、背景、パディング、角、影、ウィンドウフレーム、キャンバス比率など、複数の設定を一度に変更します。最も近いデザインから始めて、個別のコントロールを調整してください。Undoは以前の構成を復元します。
8種類のテンプレート、グラデーション、ブラウザフレーム、影を使ってスクリーンショットをスタイリングします。間隔やキャンバスサイズを調整し、鮮明なPNG、JPG、またはWebPをダウンロードしてください。
完成したファイルをダウンロードします。
完全なデザインを選択し、ライブプレビューで背景、ブラウザフレーム、間隔を調整します。ソーシャルキャンバスまたはカスタム寸法を使用し、Startを選択してPNG、JPG、またはWebPをエクスポートします。

8つのテンプレートが、調整された背景、フレーム、間隔を設定します。
Studio、Midnight、Minimal、Floating、Ocean、ソーシャルカード、ソフトローズ、温かみのある紙は、それぞれ異なる開始構成を提供します。テンプレートは、背景、パディング、角、影、ウィンドウフレーム、キャンバス比率など、複数の設定を一度に変更します。最も近いデザインから始めて、個別のコントロールを調整してください。Undoは以前の構成を復元します。
グラデーション、単色、独自の画像、または透明度を使用します。
グラデーションスウォッチを選択するか、両方の色と角度を編集します。独自の画像を選択するとローカルの背景画像ピッカーが開きます。その背景はキャンバスを埋め、その形状に合わせて切り抜くことができます。スクリーンショット自体はデザイン内に収められます。透明な背景はPNGとWebPで利用可能です。JPGは透明部分を白で塗りつぶします。
明るいまたは暗いブラウザバーを追加するか、画像をフレームなしのままにします。
ウィンドウフレームはライトブラウザ、ダークブラウザ、Noneを提供します。オプションのウィンドウタイトルは最大100文字まで受け付け、装飾的なテキストであり、機能するURLではありません。ウェブサイトのキャプチャにはブラウザフレームを使用し、ブラウザのクロームを必要としない写真やアプリのインターフェースにはNoneを使用してください。
Padding、角を丸くする、Shadowを微調整します。
パディングは 0 から 30 パーセントの範囲で調整可能です。角丸と影はスクリーンショットカードに適用されます。ソース画像は外側の端が切れないように収められるため、縦長のスクリーンショットは広いキャンバスでは小さく見えることがあります。より縦長のキャンバスを選択するか、パディングを減らして余白を調整してください。
スクリーンショットを合わせるか、正方形、ワイドスクリーン、ポートレート、ストーリー形式を使用します。
「スクリーンショットを合わせる」はソースの形状に従います。その他のプリセットには、正方形、ワイドスクリーン、ポートレート、ストーリー、ソーシャルカードがあります。カスタムサイズでは幅と高さを指定できます。エクスポート倍率はデザイン全体を 1、2、または 3 倍に拡大しますが、1辺あたり 8,000 ピクセル、合計 32 メガピクセルという制限があります。倍率を上げても、ソースの失われた詳細が復元されるわけではありません。
ソースを確認し、編集内容を復元して、完成したデザインをエクスポートします。
「オリジナル」は一時的に未加工のソースを表示します。「元に戻す」と「やり直し」で最近の変更を復元できます。PNG は、小さなUIテキストや透明なエッジに適した開始点です。JPG と WebP は、非可逆圧縮によりファイルサイズを小さくできます。「開始」はプレビューと同じ構成をレンダリングし、「ダウンロード」は1枚のフラット化された画像を保存します。
1ファイルあたり最大 25 MB。 1回につき1つの入力ファイル。
アップロードする画像は1枚あたり最大 25 MBまでです。デコード後のソースは 64 メガピクセル、かつ1辺あたり 16,384 ピクセル以内である必要があります。
画像の編集とエクスポートはブラウザ内で行われるため、ソースファイルは変更されません。
ファイルはサーバー上で処理されます。ブラウザでのデコードが利用できない場合やドキュメントのプレビューが必要な場合は、プレビュー準備のためにファイルがアップロードされることがあります。 サーバーのダウンロードは、セッションごとに最大2時間利用可能です。
画像の結果を得るには、ダウンロード結果の下にある「続ける」を使用して、互換性のある次のステップを選択してください。引き継ぐ画像を選択できます。次のツールは独自の設定で開始されます。
エディターやダウンロードページを更新すると、ツールページに戻ります。 新しいワークフローを開始する前に、結果をダウンロードしてください。 ファイル処理についてはプライバシーポリシーをご覧ください。
始める前のいくつかの回答。
一時的なサーバー処理このツールは提供された画像をスタイル設定するものです。まず「URL to Image」を使用してウェブページをキャプチャし、その結果をここで開いてください。
Studio、Midnight、Minimal、Floating、Ocean、Social card、Soft rose、Warm paper。すべてのデザインは調整可能です。
スクリーンショットは端を保持したままデザイン内に収められます。カスタム背景画像はキャンバス全体を埋めるため、収まるようにトリミングされる場合があります。
はい。「背景」で「独自の画像」を選択し、サポートされているローカル画像を選択して、プレビューで収まり具合を確認してください。
はい。「透明」を選択し、PNG または WebP を使用してください。JPG は透明度をサポートしていないため、白い背景が使用されます。
いいえ。出力寸法を拡大するだけです。小さなテキストを鮮明に保つ必要がある場合は、より高解像度のソースを使用してください。
クイックビデオチュートリアル
How to beautify a screenshot with a template
Upload a screenshot, choose the Midnight design in Settings, then create and download the actual framed PNG. English narration.
英語のナレーション
ビデオを見る