ChromeでWebページ全体をスクリーンショット撮影する方法【拡張機能あり・なし両方解説】

ポイント

• 最も簡単な方法: Ctrl+-(マイナス)キーでズームアウトし、F11キーで全画面表示に切り替えてから、お好みの方法でスクリーンショットを撮影します。
• 次に簡単な方法: Ctrl+Pキーを押し、「印刷」>「PDFに保存」を選択すると、画面キャプチャをPDFファイルとして保存できます。

この記事では、Google Chromeでブラウザ拡張機能を使う場合と使わない場合の両方について、Webページ全体のスクリーンキャプチャを撮る方法を詳しく解説します。

拡張機能なしでChromeのスクリーンショットを撮る方法

Webページがブラウザウィンドウにほぼ収まっていて、残り部分を見るのにわずかなスクロールですむ程度であれば、表示を少し縮小(ズームアウト)してから通常のスクリーンショットを撮るだけで対応できます。

1. Ctrl+マイナス(-)キーを押して、レイアウトが見やすくなるまで少しずつズームアウトします。あるいは、ブラウザ右上の縦に3つ並んだ点(メニュー)を選択し、「-(マイナス)」ボタンをクリックして、ウィンドウ内にページ全体が表示されるまで必要な回数だけズームアウトしても構いません。

2. 次に、全画面モードに切り替えます。F11キーを押すか、3つの点(メニュー)を選択して、ズームイン/ズームアウトコントロールの右側にある「全画面」アイコンをクリックします。

3. 最後に、普段お使いのスクリーンショットツールや撮影方法でスクリーンショットを撮影します。

PDFとして保存してChromeの画面をキャプチャする方法

もうひとつの手軽な方法として、画面を印刷機能経由でPDFとして保存し、そのままPDF形式で保管するか、あとから画像形式へ変換するやり方があります。

Chromeの印刷設定画面で「詳細設定」を選択すると、PDFをお好みに合わせて調整できます。用紙サイズ、余白、倍率などを自由に変更可能です。

Chrome拡張機能を使ってページ全体をキャプチャする方法

上記の拡張機能を使わない方法は、シンプルなWebページをたまにキャプチャしたいだけなら十分便利ですが、頻繁に撮影が必要だったり、縦に長く複雑なページを扱ったりする場合には物足りなく感じることがあります。

そのような場合は、「Full Page Screen Capture」のような専用のスクリーンショット拡張機能を導入するのがおすすめです。

1. ブラウザでChromeウェブストアにアクセスします。

2. 検索ボックスに「full page screenshot」と入力し、表示される候補の検索語句を選択するか、Enterキーを押します。

3. Full Page Screen Capture拡張機能の横にある「Chromeに追加」を選択します。

4. キャプチャしたいページを現在のタブで開いた状態で、ブラウザ右上にあるFull Page Screen Captureの拡張機能アイコンを選択します。

5. スクリーンショットの処理が完了するまで待ちます。

6. 処理が終わると、拡張機能が自動的に新しいタブを開きます。「画像をダウンロード」アイコンを選択してスクリーンショットを保存しましょう。

   拡張機能にデバイスのファイルシステムへのアクセスを許可するかどうか尋ねられた場合は、「許可」を選択してください。

補足:DevToolsを使ったフルページキャプチャ

さらに高度な方法として、Chromeに標準搭載されている開発者ツール(DevTools)を利用する手段もあります。F12キーでDevToolsを開き、Ctrl+Shift+Pキーでコマンドメニューを表示したら、「Capture full size screenshot」と入力して実行すると、ページ全体のスクリーンショットがPNG形式で自動生成されます。拡張機能をインストールせずに高精度なフルページキャプチャが可能なので、覚えておくと便利です。