テンプレートと背景を使ってスクリーンショットを美しくする方法.

Screenshot Beautifierを開き、「Try an example（例を試す）」を選択してここで使用されている架空のダッシュボードを読み込むか、独自の画像をアップロードしてください。例のソースは1440 × 900ピクセルのPNGです。小さな文字が重要な場合は、圧縮されたチャットプレビューからコピーしたスクリーンショットではなく、オリジナルのキャプチャを使用してください。

このツールは画像をスタイル設定するものであり、Webサイトを閲覧したりURLをキャプチャしたりするものではありません。そのワークフローが必要な場合は、まず「URL to Image」でキャプチャを作成し、保存した画像をScreenshot Beautifierで開いてください。

スマホで「設定」を開きます。デザインギャラリーから「Midnight」を選択してください。ダークブルーのグラデーション、ダークブラウザフレーム、調整されたパディング、角丸、ワイドスクリーンキャンバスが一度に適用されます。プレビューは即座に更新されます。

他のデザインには、Studio、Minimal、Floating、Ocean、ソーシャルカード、ソフトローズ、温かみのある紙があります。これらは固定されたモックアップではなく、編集可能な出発点です。最も近い構成を選んでから、変更が必要な部分だけを調整してください。「元に戻す」で前の設定に戻せます。

背景はグラデーション、単色、独自の画像、または透明から選択できます。カスタム画像を使用する場合は「背景画像を選択」を使用してください。その背景がキャンバスを埋め尽くし、トリミングされる場合があります。スクリーンショットは元の端を失うことなく収まります。ウィンドウフレームは「ライトブラウザ」、「ダークブラウザ」、「なし」から選択可能です。ウィンドウタイトルは装飾的なラベルです。

パディングはスクリーンショット周囲の余白を調整します。角丸と影でカードの形状を整えます。キャンバス形状には、正方形、ワイドスクリーン、縦長、ストーリー、ソーシャルフォーマット、およびカスタムサイズがあります。非常に縦長のスクリーンショットは広いフレーム内では小さく見えるため、拡大して詳細を求めるのではなく、より縦長のキャンバスを選択するか、パディングを減らしてください。

Midnightの設定をそのままにし、エクスポート倍率を1xにしてこの例に合わせてください。エクスポート倍率は、8,000ピクセルエッジおよび32メガピクセルの出力制限内で1x、2x、3xを提供します。寸法を大きくしても、アップロードされた画像に存在しない詳細が再現されることはありません。

PNGを選択し、「スタート」をクリックします。結果ページで「ダウンロード」を使用して実際のファイルを保存してください。例のソースと変更していないMidnightデザインを使用した場合、結果は2312 x 1301ピクセルになります。角丸カード、影、フレーム、背景がすべてその1枚の画像に含まれています。

PNGはインターフェースのテキストに適したデフォルト設定です。WebPは非可逆圧縮で透明領域をサポートし、JPGはファイルサイズが重要な単色背景の画像に役立ちます。JPGは透明部分を白に置き換えます。エクスポートされた画像は統合されるため、別の構成が必要になる可能性がある場合は、元のスクリーンショットを保持しておいてください。