ChromeとFirefoxでWebページ全体のスクリーンショットを撮る方法【拡張機能不要】

ChromeとFirefoxでWebページ全体のスクリーンショットを撮る方法

ChromeとFirefoxは、動作の速さだけでなく、カスタマイズ性の高さでも人気を集めているブラウザです。実は、これらのブラウザには標準機能としてWebページ全体のスクリーンショットを撮影する仕組みが備わっています。この記事では、拡張機能やアドオンを一切インストールせずに、ChromeとFirefoxでWebページ全体をキャプチャする方法を詳しく解説します。

ChromeとFirefoxのどちらにも、デベロッパーツール（開発者ツール）の中に、任意のWebページをフルサイズで撮影できる機能が搭載されています。この機能を活用すれば、ページを下までスクロールしながら撮影するような感覚で、Webページ全体を一枚の画像として保存することが可能です。

1. FirefoxでWebページ全体のスクリーンショットを撮る手順

まず、Firefoxを起動し、スクリーンショットを撮りたいWebページを開きます。

次に、ブラウザ右上にある三本線のアイコン（メニュー）をクリックし、「ウェブ開発」を選択します。

続いて、一覧の中から「レスポンシブデザインモード」という項目を探して選びましょう。

その後、ページ上で右クリックし、「スクリーンショットを撮る」を選択します。

すると、すぐに次の2つのオプションが表示されます。

• ページ全体を保存（Save Full Page）
• 表示中の範囲のみ保存（Save Visible）

目的に合ったオプションを選択し、スクリーンショットを任意の場所にコピーまたはダウンロードしてください。

2. ChromeでWebページ全体のスクリーンショットを撮る手順

まず、Chromeを起動して、キャプチャしたいWebページにアクセスします。

次に、右上の三点リーダー（メニュー）をクリックし、表示されたオプション一覧から「その他のツール」→「デベロッパーツール」の順に選択します。

デベロッパーツールが開いたら、再度三点リーダーのアイコンをクリックし、「コマンドの実行（Run Command）」を選びます。
※キーボードショートカットの「Ctrl + Shift + P」（Macは「Cmd + Shift + P」）でも同じ操作が可能です。

コマンドラインに「Screenshot」と入力すると、関連コマンドの一覧が表示されます。そこから「Capture full-size screenshot（フルサイズのスクリーンショットをキャプチャ）」をクリックしましょう。

保存先を求められたら、PC上の任意の場所を指定して「保存」をクリックすれば完了です。

以上で作業は終了です！

この方法を使えば、拡張機能やアドオンに頼ることなく、ChromeとFirefoxのどちらのブラウザでもWebページ全体のスクリーンショットを簡単に撮影できます。長い記事やランディングページなどを一枚の画像として残したいときに、ぜひ活用してみてください。

なお、より多機能なスクリーンショット撮影用の拡張機能をお探しの場合は、Chrome・Firefox向けの関連記事もあわせてチェックしてみてください。