ツール95

素晴らしい作品を作ろう

スクリーンショット装飾ツール.

8種類のテンプレート、グラデーション、ブラウザフレーム、影を使ってスクリーンショットをスタイリングします。間隔やキャンバスサイズを調整し、鮮明なPNG、JPG、またはWebPをダウンロードしてください。

広告
画像ワークスペース
デバイス上で処理
またはここにドラッグ&ドロップ
JPG, JPEG, PNG, WEBP, GIF, BMP, AVIF
開始するには画像を選択してください。画像
広告
ブログ テンプレートと背景を使ってスクリーンショットを美しくする方法 ガイドを読む

スクリーンショットを共有用の洗練された画像に変換

完全なデザインを選択し、ライブプレビューで背景、ブラウザフレーム、間隔を調整します。ソーシャルキャンバスまたはカスタム寸法を使用し、Startを選択してPNG、JPG、またはWebPをエクスポートします。

コーディネートされた背景で縁取られたスクリーンショット
クイックビデオチュートリアル 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. 英語のナレーション ビデオを見る

How to beautify a screenshot with a template

機能とコントロール

完全なデザインを選択

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枚のフラット化された画像を保存します。

ファイルと処理

入力
ブラウザでデコード可能な JPG、JPEG、PNG、WebP、GIF、BMP、または AVIF 形式の画像。アニメーション入力は静止フレームが使用されます。
出力
PNG、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 は透明度をサポートしていないため、白い背景が使用されます。

エクスポート倍率で小さなスクリーンショットを鮮明にできますか?

いいえ。出力寸法を拡大するだけです。小さなテキストを鮮明に保つ必要がある場合は、より高解像度のソースを使用してください。

広告

言語38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

言語を選択してください。ビデオチュートリアルは現在英語のナレーションを使用しています。