Google Chromeで全画面キャプチャ（フルスクリーンショット）｜全体撮影も一部もOK

取説の作成などで必須のスクリーンショット。

結構めんどくさいですよね。Webページ全体の撮影なら、なおさらです。

しかし、Google Chromeの標準機能を使えば、全画面キャプチャ（フルスクリーンショット）で全体撮影がかんたんにできます。

もちろん一部だけの撮影もOK！

全画面キャプチャの撮影でお困りの方はぜひご覧ください。

本記事ではそれらの使い方を説明します。

Google Chromeで全画面キャプチャ（フルスクリーンショット）で全体撮影｜一部の撮影もOK！

今回ご紹介するGoogle Chromeの標準機能とは『デベロッパーツール』です。

このデベロッパーツールは本来、Webサイト開発などに利用されることが多いので一般ユーザーには馴染みの薄いものですが、誰でも利用可能です。

ブラウザに標準で搭載されているので、ダウンロードやインストールの必要はありません。

Chromeユーザーなら誰でもすぐに使うことができます。

デベロッパーツールの使い方

それではやっていきましょう！

まず、スクリーンショットを撮影したいWebサイトにChromeでアクセスして、サイト上の何もない箇所を右クリックしてください。

右クリックメニューの中から検証を選択すると、デベロッパーツールを開きます。

Ctrl+Shift+Iを同時押し、またはF12キーでもOKです。

デベロッパーツールが起動するので、右上にある︙を押しましょう。

コマンドを実行を選択します。

様々なメニューが表示されるので、下の方にあるフルサイズのスクリーンショットをキャプチャを押しましょう。

以上の操作で自動的に上から下までの全画面キャプチャ（フルスクリーンショット）が撮影されます。

撮影されたキャプチャはダウンロードフォルダに格納されているので、Windows＋Eでエクスプローラーを開き、左メニューのダウンロードを開くと見つかるはずです。

なお、この保存先を変更したい場合は下の記事をご覧ください。

関連記事Chromeでダウンロードの保存先を指定したい！｜毎回指定もできる

ただし、この方法には一つだけ注意点があります。

デベロッパーツールで全画面キャプチャを撮影する際の注意点

たとえば、サイドバーがあるサイトをデベロッパーツールで撮影する場合、サイドバーはメインコンテンツの下に配置されます。

そのため、サイドバーも含めたキャプチャを撮影するには、次で紹介する無料の拡張機能を使った方が便利です。

超便利なChromeの無料拡張機能『FireShot』

全画面キャプチャを撮影するのに便利なChrome拡張機能は、『FireShot 』です。

現在、ChromeとFirefoxブラウザの拡張機能として提供されていて、無料で利用が可能です。

撮影した画像ファイルは、jpgかpdfのファイル形式で保存できます。

より高度な機能を利用できるPro版も販売されていますが、無料版でも十分な機能を備えています。

インストール方法

まず、Chromeウェブストアに移動しましょう。

画面右上に検索窓がありますので、ここに『FireShot』と入力してEnterキーを押してください。

検索結果の中から『FireShot』を選んでChromeに追加ボタンを押しましょう。

こんな感じのポップアップが表示されるので、拡張機能を追加ボタンを押せばOKです。

これで『Fire Shot』のインストールが完了しました。

ブラウザ上にブックマーク！

『Fire Shot』のインストールが完了したら、次回以降すぐに利用できるようにブラウザ上にブックマークしておきましょう。

まず、ブラウザ右上あるパズルのピースのようなアイコンをクリックして下さい。

そして、『FireShot』の横にある押しピンマークをクリック！

上記の手順が完了すると、『FireShot』のアイコンが常に表示されるようになります。

ではいよいよ、具体的な操作方法に移っていきましょう。

操作方法

まず、先ほどのブックマークアイコンをクリックして、ページ全体をキャプチャを選択します。

すると、画面の外にはみ出ている領域も含めて、ページ全体のスクリーンショットが作成されます。

画面が自動的にスクロールされていくのを見るのは楽しいですよ！

スクショの撮影が完了すると次のような画面が表示されます。

画像として保存かPDFとして保存のどちらかを選択して保存してください。

撮影されたキャプチャはダウンロードフォルダに格納されています。

Windows＋Eでエクスプローラーを開いて、左メニューのダウンロードを開くと見つかるはずです。

以上が『FireShot』を使用した全画面キャプチャを撮影する方法です。

お疲れさまでした！

注意事項

『FireShot』でスクリーンショットを撮影しようとすると、こんな表示が出ることがあります。

上のアラートは、そのページでのスクリーンショットを撮影できないという意味です。

この場合は残念ながら諦めましょう。

まとめ）Google Chromeで全画面キャプチャ（フルスクリーンショット）

以上、Google Chromeで全画面キャプチャ（フルスクリーンショット）する方法をお伝えしました。

もし、画面をスクロールさせながら撮影して、後でそれらをつなぎ合わせているなら、『FireShot 』を試してみましょう。

自動でキレイにキャプチャを撮影してくれます。

作業効率が上がること間違いなし！

こうした便利ツールはどんどん利用していきましょう。