以前、Windows 10のSnipping ToolとPrtScホットキーを使用してデスクトップのスクリーンショットをキャプチャする方法について説明しました。 これらを使用してブラウザウィンドウのスナップショットをキャプチャすることもできますが、ブラウザで開いているWebサイトページ全体のスナップショットをキャプチャすることはできません。 そのため、Google Chrome、Opera、Firefoxの拡張機能を使用してWebページのスクリーンショットをキャプチャすることをお勧めします。
Chromecastを使用してiPhoneをミラーリングする方法の記事も参照してください。
Google Chromeでウェブサイトのページショットをキャプチャする
ChromeでWebページのスナップショットをキャプチャするのに最適な拡張機能の1つはAwesome Screenshotです。 ここをクリックして拡張機能のページを開き、ブラウザに追加します。 これは、ここからFirefoxに追加できるアドオンでもあります。 拡張機能をインストールしたら、ページを開き、以下のようにツールバーのAwesome Screenshotボタンを押します。
メニューから[ ページ全体 をキャプチャ]を選択して、フルページのスナップショットをキャプチャします。 すると、すぐ下の画像に示されているタブが開きます。このタブには、今キャプチャしたページ全体のショットが含まれています。 スナップショットでは、ショットを撮ったときにブラウザーに表示されなかった領域を含むスナップショットのページ全体がキャプチャされることに注意してください。これは、Snipping Toolでできることではありません。
このタブから、画像のさまざまな追加の注釈オプションを選択できます。 たとえば、ツールバーの 矢印 ボタンを選択して、画像に直線矢印を描くことができます。 マウスの左ボタンを押したまま矢印をドラッグして展開します。 [選択 を 削除] ボタンを押して、選択した矢印やその他のオブジェクトを消去します。
[ テキスト ]ボタンを押して、画像にテキストを追加します。 これにより、スナップショットにテキストボックスが追加されます。 テキストを入力すると、ボックスが拡張されます。 上部の小さな円をクリックし、マウスの左ボタンを押してボックスを回転します。 テキストボックスを選択すると、ツールバーから新しいフォントとテキストの色を選択できます。
ぼかし は、スニッピングツールにはないAwesome Screenshotツールバーのもう1つのオプションです。 それにより、画像にぼかし効果を加えることができます。 [ ぼかし ]オプションをクリックし、下図のように画像の領域にボックスをドラッグして、ぼかしを追加します。
[ 完了 ]ボタンを押して、Webページのスクリーンショットを保存します。 次に、以下に示すように、画像の保存オプションがいくつか開きます。 ローカルの保存オプションを選択するか、Google +などのアカウントに保存できます。
Webサイトページの一部をキャプチャするには、Awesome Screenshotボタンメニューから Captured selected area を 選択し ます。 次に、ページの領域に長方形をドラッグして、スニッピングツールとほぼ同じようにショットに含めることができます。 [ キャプチャ] をクリックして、選択を確認します。
拡張機能のボタンを右クリックし、[ オプション ]を選択して、さらに設定を開きます。 以下のタブが開き、そこからAwesome Screenshotホットキーを設定できます。 さらに、画像の代替ファイル形式を選択することもできます。
Nimbusを使用してスクリーンショットをキャプチャする
Nimbus Screen Captureは、ページスナップショットをキャプチャできる代替拡張機能です。 Google Chrome、Firefox、Operaで使用できます。 Nimbusスクリーンショットと オプションを選択するために押すことができるツールバーの スクリーンキャスト ボタンを備えたAwesome Screenshotとほぼ同じように機能します。
そのため、すぐ上のショットに示されているボタンを押して[ ページ全体] を選択し、ブラウザで開いている全ページのショットを撮ります。 次に、下の[編集-Nimbusスクリーンショット]タブが開きます。 このタブは、Awesome Screenshotとよく似ており、上部に注釈オプションを含むツールバーがあります。
ここのオプションも似ています。 描画矢印を 選択して、画像に矢印を追加できます。 そのボタンの横にある小さな矢印をクリックすると、さまざまな矢印を選択できます。 影 オプションを選択して、選択した矢印に影またはグロー効果を追加することもできます。 ツールバーの右端にある 数字の 表示ボタンを押して、矢印に数字を追加します。
ノートを描く オプションを選択して、矢印とテキストボックスを組み合わせます。 以下のように、スナップショットに矢印とテキストボックスが追加されます。 テキストボックスと矢印の周りの円をクリックして、角度と寸法を調整します。
Nimbusには、Awesome Screenshotに含まれる ぼかし オプションもあります。 ただし、選択可能な領域が1つだけではなく、スナップショット全体に ぼかし を追加するように選択できる追加の設定が1つあります。
[ 完了 ]ボタンを押して、スナップショットを保存 し ます。 次に 、 画像 として保存を 押して、スナップショットをデスクトップまたはラップトップに保存します。 または、[ Nimbusに保存 ]オプション を 選択して、これらをNimbusアカウントに保存することもできます。
Nimbusスクリーンショットとスクリーンキャスト ボタンと 選択した領域 をクリックして、Webサイトページの小さな領域をキャプチャします。 次に、長方形をドラッグして展開し、スナップショットでキャプチャするページの領域を選択できます。 長方形の下の[ 編集 ]ボタンをクリックして、[ 編集 -Nimbusスクリーンショット]タブでスナップショットを開きます。 [ 保存 ]ボタンを押して、四角形のトリミング位置を保存します。 また、[オプション-Nimbusスクリーンショット]タブの[ トリミング位置を保存 ]チェックボックスをオンにして、そのオプションを有効にする必要があります。
Edgeでの完全なWebページショットのキャプチャ
Edgeで完全なWebページのスナップショットをキャプチャするための拡張機能は必要ありません。 代わりに 、Webノートの作成 オプション を使用してWeb サイトページのスナップショットをキャプチャできます。 Edgeでページを開いて画像をキャプチャし、ツールバーの[ Webノートの作成 ]ボタンを押します。 これにより、ページのスナップショットが取得され、以下のようにノートツールバーが開きます。
Edgeツールバーのオプションは、Awesome ScreenshotおよびNimbusのオプションよりも少し制限されています。 [ クリップ ]ボタンを押すと、ページの一部を切り取ることができます。 これにより長方形が開き、ページの領域にドラッグしてクリップボードにコピーできます。 ソフトウェアを開き、Ctrl + Vを押して、コピーしたページの領域をペイントまたは他の画像エディターに貼り付けます。
Webサイトページの完全なスナップショットをEdgeやその他のブラウザーでキャプチャする別の方法は、web-capture.netツールを使用することです。 これは、完全なWebページのスクリーンショットに入力したURLを処理するWebサイトページです。 ここをクリックして、以下に示すweb-capture.netツールを開きます。
次に、 キャプチャするページのURLを入力 テキストボックスに URLを入力 し、ドロップダウンメニューから画像のファイル形式を選択します。 Webページ の キャプチャ ボタンを押して、 キャプチャ した画像を取得します。 次に、 表示 をクリックして、キャプチャしたショットの完全なプレビューを 表示 します。 [ ダウンロード（推奨）] をクリックして、スナップショットを[ダウンロード]フォルダーに保存します。
そのため、Awesome Screenshot、Nimbus Screen Capture、Edgeの Make a Web Note オプション、web-capture.net を使用して、 フルページのWebサイトのスナップショットをキャプチャできます。 ブラウザ拡張には、Webページのスクリーンショット全体をキャプチャするための最も広範なオプションがあり、Awesome Screenshotを使用してデスクトップソフトウェアのスナップショットを取得します。 そのため、Awesome ScreenshotはWindows 10のSnipping Toolに代わる優れた選択肢です。
