ChromeとFirefoxでWebページ全体のスクリーンショットを撮る方法|拡張機能あり・なしの手順を解説

WindowsとMacには標準でスクリーンショット機能が搭載されており、サードパーティ製アプリをインストールしなくても画面をキャプチャできます。これらの標準ツールにはカスタムオプションも用意されており、自分好みの方法で撮影することが可能です。

しかし、標準ツールにも苦手な分野があります。そのひとつが、ブラウザで表示中のWebページ全体(スクロール領域すべて)をキャプチャする機能です。標準ツールで撮影できるのは画面に見えている部分だけで、ページをスクロールして全体を1枚に収めることはできません。

幸い、人気ブラウザであるChromeとFirefoxには、フルページのスクリーンショットを撮るための標準機能とサードパーティ製拡張機能の両方が用意されています。

手軽さを重視するなら拡張機能、追加インストールなしで済ませたいなら標準機能を選ぶとよいでしょう。ここでは両方の方法を詳しく解説します。

Chromeでページ全体をキャプチャする(拡張機能なし)

理由は定かではありませんが、Googleはフルページスクリーンショットの機能をChromeの奥深くに隠しています。ブラウザの設定を隅々まで確認したことがない人なら、この機能の存在に気づいていない可能性も高いでしょう。

ただし、一度見つけてしまえば、あとは思い通りのスクリーンショットを簡単に撮れるようになります。

• パソコンでChromeを起動します。右上の3点リーダー(⋮)をクリックし、その他のツール→デベロッパーツールの順に選択します。

• ブラウザ下部にパネルが表示されます。パネル右上の3点リーダーをクリックし、コマンドの実行(Run command)を選択します。これでブラウザ内でコマンドを実行できるようになります。

• 検索ボックスにscreenshotと入力し、候補の中からフルサイズのスクリーンショットをキャプチャ(Capture full size screenshot)をクリックします。

• 現在開いているタブのフルページスクリーンショットが撮影され、ファイルを保存するよう求められます。

• 保存したファイルを画像ビューアで開くと、閲覧していたWebページ全体が1枚の画像に収められているのが確認できます。

Chromeでページ全体をキャプチャする(拡張機能あり)

上記の方法でも問題なくスクリーンショットは撮れますが、頻繁に撮影する人にはあまり向いていません。毎回デベロッパーツールを開いてコマンドを実行するのは非効率だからです。

そこで便利なのが拡張機能です。ワンクリックでフルページのスクリーンショットが撮れ、アイコンはブラウザのメニューバーに常駐するため、クリックするだけで現在のタブをキャプチャできます。

• Chromeウェブストアの「Full Page Screen Capture」のページを開きます。
• Chromeに追加ボタンをクリックして拡張機能を追加し、画面に表示されるダイアログで拡張機能を追加をクリックします。

• 拡張機能が追加されたら、メニューバーのアイコンをクリックするだけで、現在のタブのフルページスクリーンショットが撮影されます。

• 撮影後、スクリーンショットをPDF形式またはPNG形式で保存するかを選択できます。お好みの方を選びましょう。

この拡張機能はほとんどのサイトで問題なく動作しますが、一部のサイトでは拡張機能の利用が制限されている場合があります。その場合、拡張機能は動作せず、スクリーンショットを撮ることもできません。

Firefoxでページ全体をキャプチャする(拡張機能なし)

Firefoxにも、アドオンをインストールせずにフルページスクリーンショットを撮れる開発者向けメニューが用意されています。Chromeに比べて、オプションを見つけて使うまでの手順がシンプルなのが特徴です。

• パソコンでFirefoxを起動します。右上のメニューボタン(三本線)をクリックし、ウェブ開発→レスポンシブデザインモードの順に選択します。

• 上部のオプションからページの解像度を変更できます。次に、Webページ上の任意の場所を右クリックし、スクリーンショットを撮る(Take a Screenshot)を選択します。

• 範囲を指定して撮影することもできますが、ここで使いたいのは別のオプションです。ページ右上にある全ページを保存(Save full page)をクリックしましょう。

• スクリーンショットが撮影され、プレビューが表示されます。ダウンロードボタンをクリックしてパソコンに保存します。

• Firefoxはスクリーンショットを既定のダウンロードフォルダに保存します。メニューバーのダウンロードアイコンをクリックすれば、撮影した画像やその他のダウンロードファイルにアクセスできます。

Firefoxでページ全体をキャプチャする(拡張機能あり)

アドオンのインストールに抵抗がなければ、ワンクリックでフルページスクリーンショットを撮れるアドオンを利用するのもよいでしょう。

• Firefoxの「Page Screenshot」アドオンページを開き、Firefoxへ追加ボタンをクリックします。続く画面でも追加をクリックします。

• メニューバーのアドオンアイコンをクリックし、許可を選択します。これでアドオンに必要な権限が付与されます。

• スクリーンショットが自動的に撮影され、パソコンへの保存を求められます。

• 設定をカスタマイズしたい場合は、メニュー > アドオン > 拡張機能を開き、アドオン名の横にある3点リーダーをクリックして設定を選択します。

• 変更できる項目には、スクリーンショットの画像形式、撮影までの遅延時間、画質などがあります。