SNS でスクリーンショットを共有するには、伝えたい部分に切り抜き、個人情報を隠し、フレームを付けて、くっきり見えるサイズで書き出します。OpenScreenShot では、切り抜きで不要な部分を削り、ぼかしの塗りつぶしで情報を隠し、Beautify パネルで余白、角丸、影、背景を付けます。その後、200 % または正確なピクセル幅で PNG を書き出します。

投稿用にスクリーンショットを準備する手順

  1. ページをキャプチャします。右クリック メニューの選択範囲または要素をキャプチャを使うと、最初から余白のない画像になります。
  2. エディタで切り抜き(C)を選び、残したい部分をドラッグして適用をクリックします。
  3. ぼかし(B)を選び、マスクで塗りつぶしを選んで、名前、プロフィール画像、メールアドレスなど、自分のものではなく共有すべきでない情報を覆います。
  4. 上部バーの Beautify をクリックします。スタイルを選び、余白、角丸、影、背景を調整します。
  5. 画像を保存をクリックします。書き出しダイアログで PNG を選び、倍率を 200 % または正確な幅にします。
  6. 投稿する前に、保存したファイルを開いてマスク処理とフレームを確認します。

ファイルを保存せずに投稿するには、コピーをクリックするか Ctrl+C(macOS では ⌘C)を押して、画像を投稿に貼り付けます。コピーした画像にもフレームが含まれます。

先に個人情報を隠す

マスク処理はフレームと書き出しの前に行い、保存したファイルでもう一度確認します。コメント、フォロワーの名前、通知の件数、ページ内に写ったブラウザのタブ、アカウント メニューには、意図した以上の情報が写っていることがよくあります。

弱いぼかしやモザイクでは、短い文字列の手がかりが残ることがあります。塗りつぶしは書き出した画像で範囲を完全に覆います。余白を付けて範囲を覆う方法と結果の確認方法は、マスク処理のガイドで説明しています。

フレームを選ぶ

Beautify パネル(ドキュメントでも Beautify と呼びます)には 6 つのスタイルがあります。

  • クリーン: 柔らかい影が付いたシンプルなフレーム
  • エアリー: スクリーンショットの周りに広めの余白
  • コンパクト: ぴったりしたフレーム
  • フラット: 影のない角張った角
  • ポスター: 角丸と深い影
  • カットアウト: 背景のない影

スタイルを選んだ後、スライダーで余白、角の丸み、影を変更できます。背景では、6 種類のグラデーション(インク、コーラル、ダスク、ミント、サンド、スカイ)、単色、透明のいずれかを選びます。フレームはライブでプレビューされ、すべての書き出しに含まれます。

透明な背景には PNG または WebP が必要です。JPEG には透明度がないため、背景は単色で塗りつぶされます。

くっきりしたサイズで書き出す

倍率で 25、50、100、200 % のいずれかを選ぶか、正確なピクセル幅を入力します。小さな範囲のキャプチャは、サイトが投稿内で拡大するとぼやけて見えることがあります。200 % にすると、サイトが使えるピクセルが増えます。Chrome のキャンバスの上限を超えるサイズは拒否され、空のファイルを保存する代わりにダイアログで知らせます。

PNG は画面の文字をくっきり保ちます。JPEG と WebP には、ファイルを小さくするための品質の調整があります。SNS ごとにサイズと圧縮のルールが異なるため、公開する前に投稿のプレビューを確認してください。

矢印とラベル

画像の要点がひと目で分からない場合は、矢印(A)を 1 つか、短いテキスト(T)のラベルを追加します。Spotlight(O)は 1 つの範囲の外側をすべて暗くするため、情報の多い画面で 1 つの機能を示すのに向いています。投稿のプレビューは小さいことが多いため、注釈は少なめにしてください。

制限事項

拡張機能がキャプチャするのはページの内容だけです。ブラウザのツールバーやデスクトップは含まれません。キャプチャと編集は、画像を投稿またはアップロードするまでコンピューター内にとどまります。投稿先のサイトには、そのサイト独自の保存と共有のルールがあります。

すべての形式は書き出しのリファレンスで確認できます。作業の手順を教えるスクリーンショットについては、ドキュメント用のスクリーンショットを参照してください。製品の短い動画については、製品デモ動画を参照してください。