Chrome・Firefoxでフルページのスクリーンショットを撮る方法｜拡張機能と標準機能の使い方

スクリーンショットの撮影自体は決して難しい作業ではありません。しかし、画面に収まりきらない長いページの情報をすべて残したい場合、何度かに分けて撮影した画像を編集ソフトでつなぎ合わせるしかない——そんな経験はないでしょうか。

幸いなことに、ChromeやFirefoxの無料拡張機能、あるいはブラウザに標準搭載されたツールを活用すれば、こうした面倒な作業は一切不要になります。

Google Chromeでフルページのスクリーンショットを撮る方法

普段使いのブラウザがGoogle Chromeなら、フルページのスクリーンショット撮影に使える選択肢が豊富にあります。代表的な拡張機能は以下の通りです。

• Screen Capture
• Scrnli Screenshot & Screen Video Recorder
• GoFullPage
• Screenshot Master: Full Page Capture

中でも「ScreenCapture」は、Chrome向け拡張機能の中でも特に評価の高い一つです。

ScreenCaptureでフルページのスクリーンショットを撮る方法

拡張機能のメニューを開くには、ツールバー上のアイコンをクリックするだけです。ページ全体を撮影したい場合は、Whole page screenshot（ページ全体のスクリーンショット）を選択しましょう。ScreenCaptureが自動でページを末尾までスクロールしながら撮影を行い、完成した画像を新しいタブで開いてくれます。

ScreenCaptureなら、別のアプリやサイトを開かなくてもそのまま画像の編集が可能です。テキストや矢印などの要素を拡張機能上で直接追加できます。編集が完了したら、PDFやPNG形式で保存するか、クリップボードにコピーしてすぐに共有することもできます。

より細かく撮影範囲をコントロールしたい場合は、Capture area（範囲をキャプチャ）を選択してください。表示される枠のサイズを調整して、撮影範囲を自由に編集できます。スクロールしながら撮影したいときは、枠の下端をクリックしたままマウスでページをスクロールしてください。撮影を中断したい場合は、Escキーを押すだけで終了できます。

過去に撮影したスクリーンショットを確認するには、拡張機能のメニューからShow History（履歴を表示）をクリックします。ここから画像の閲覧、ダウンロード、削除が行えます。

拡張機能を使わずにフルページのスクリーンショットを撮る方法

拡張機能を入れすぎていると感じているなら、Chromeのデベロッパーツールを使う方法がおすすめです。ただし、この手法はテキスト中心のWebサイトとの相性が良い一方、動作の複雑なWebアプリではうまく機能しないことがある点に注意してください。

手順は以下の通りです。

1. Chromeのメニューを開きます。
2. その他のツール > デベロッパーツールを選択します。
3. 右上の三点リーダーアイコンをクリックし、「コマンドを実行」を選択します。WindowsではCtrl + Shift + P、MacではCommand + Shift + Pのショートカットキーでも開けます。
4. 検索ボックスにscreenshotと入力します。
5. Capture full-size screenshot（フルサイズのスクリーンショットをキャプチャ）を選択します。
6. 撮影が完了すると、画像は自動的にダウンロードフォルダに保存されます。

Mozilla Firefoxでフルページのスクリーンショットを撮る方法

Firefox派の方には、以下の拡張機能がおすすめです。

• Nimbus
• Full Web Page Screenshots
• Awesome Screenshot & Screen Recorder
• Evernote Web Clipper

この中でも「Nimbus」は、Firefoxでフルページのスクリーンショットを撮る際に最有力の拡張機能と言えます。

Nimbusでフルページのスクリーンショットを撮る方法

Nimbusをインストールしたら、アイコンをクリックしてメニューを開きます。撮影前に、キャプチャ後に行う操作をあらかじめ選択できるのが便利なポイントです。

Nimbusは選択肢が非常に豊富で、撮影した画像をその場で編集したり、ストレージへ送信したり、アップロードしたり、PCにダウンロードしたりと、目的に合わせて自由に活用できます。

Entire page（ページ全体）を選択すると、Nimbusが自動でページをスクロールしながらコンテンツ全体を撮影し、新しいタブに結果を表示します。専用ツールを使えば、テキストや矢印、図形の追加といった編集はもちろん、画像の一部をぼかす処理まで行えます。

ページ全体ではなく一部だけを撮りたい場合は、Selected & Scroll（範囲選択＆スクロール）をクリックしてください。サイズ変更可能な撮影枠が表示されます。スクロール撮影をするには、枠の下端をクリックしたままマウスでページをスクロールします。

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

実はFirefoxには、スクロール対応のスクリーンショットを撮れる標準ツールが備わっています。まず、ブラウザのツールバー上で右クリックし、Customize Toolbar（ツールバーをカスタマイズ）を選択します。次に、Screenshot（スクリーンショット）ツールをツールバーへドラッグ＆ドロップしましょう。

あとは撮影したいサイトを開き、ページの読み込みが完了するのを待ってからScreenshotツールをクリックします。ページ全体を撮影する場合は、Save full page（ページ全体を保存）を選択してください。

範囲を絞ってスクロール撮影したい場合は、ページ上でカーソルをドラッグして撮影枠を作成し、枠の下端をクリックしたままページをスクロールします。

複数枚に分けて撮影するのはもうやめよう

フルページのスクリーンショット撮影に役立つ拡張機能は数多く存在します。いくつか試してみて、自分に合ったものを見つけるのがおすすめです。

ChromeまたはFirefoxをお使いなら、まずは本記事で紹介した拡張機能や標準ツールをチェックしてみてください。