Full Page Screen CaptureでChromeのページ全体をキャプチャ保存する方法を解説!

chromeブラウザの拡張機能「Full Page Screen Capture」を知っていますか?「Full Page Screen Capture」を利用すればインターネットサイト画面全体のスクリーンショットをキャプチャ(撮影)することが可能です。

Full Page Screen CaptureでChromeのページ全体をキャプチャ保存する方法を解説!のイメージ

目次

  1. 1Full Page Screen Captureとは?
  2. Chromeで利用できる画面キャプチャできる拡張機能
  3. スクリーンショットを撮影するメリットは?
  4. 2Full Page Screen Captureの追加方法
  5. 3Full Page Screen Captureの使い方
  6. 画面全体をキャプチャする方法
  7. その他設定方法
  8. 4Full Page Screen Captureを使えばWebページ全体のスクリーンショットが可能!

Full Page Screen Captureとは?

「Full Page Screen Capture」1
Full Page Screen Capture

本記事冒頭の本章ではChromeブラウザの拡張機能「Full Page Screen Capture」の機能特徴や利用メリットを紹介していきます。非常に便利なChrome拡張機能なので、その利用方法と利用メリットを覚えておきましょう。

Chromeで利用できる画面キャプチャできる拡張機能

google Chrome

「Full Page Screen Capture」はChromeブラウザで利用できる画面キャプチャ拡張機能です。「Full Page Screen Capture」以外にもさまざまなスクリーンショット拡張機能が提供されており、WindowsパソコンやMacパソコンも画面キャプチャ可能なスクリーンショット機能が搭載されています。

しかし、「Full Page Screen Capture」はパソコンに標準搭載されているスクリーンショット機能とは、一味違う機能を搭載しているChrome拡張機能となります。どういった面で「Full Page Screen Capture」は違いがあるのでしょうか。その違いを紹介するので確認していきましょう。

スクリーンショットを撮影するメリットは?

スクリーンショットとは、パソコンの画面上をキャプチャ(撮影)し、PNG形式の画像ファイルやJPF形式の画像形式でパソコンに保存しておく機能になります。パソコンの操作方法を紹介したり、Webページ上の情報を共有する際に利用します。ビジネスユースだけでなく、プライベートでも利用方法を覚えておくと非常に便利な機能となります。

Webページ全体をきれいにキャプチャ(撮影)できる

「Full Page Screen Capture」の最も大きな特徴は、Chromeブラウザに表示されているWebページ全体のスクリーンショットをキャプチャできるという点です。通常、WindowsパソコンやMacパソコンに搭載されているスクリーンショット機能では、パソコン画面上に表示されている部分しかスクリーンショット撮影することができません。

「Full Page Screen Capture」のスクリーンショット

「Full Page Screen Capture」を使ったスクリーンショットを使うと上の画像の様に、表示されているページ全体のスクリーンショットを撮影できます。

通常のスクリーンショット撮影

なお、通常のスクリーンショット撮影、画面キャプチャでは上のような画像のスクリーンショット撮影となります。Webページ全体をキャプチャすることで、インターネットサイトを構築する際や、ブログ・サイトを開設する際に、ページの全体レイアウトを確認することができます。

また、Webページ全体の画面を画像データとして共有することで、チーム作業を効率的にすすめることが可能となります。

次の章からは「Full Page Screen Capture」のインストール方法や、「Full Page Screen Capture」の使い方、設定方法を詳しく解説していきます。「Full Page Screen Capture」に興味のある方は、本記事を参考に利用してみてください。

ThumbiPadのスクリーンショットを撮る方法!画面キャプチャの簡単なやり方を解説!
新モデルが続々登場したiPadですが、iPhoneと同じく標準でスクリーンショットの機能があ...

Full Page Screen Captureの追加方法

「Full Page Screen Capture」の追加方法1

Chromeブラウザの拡張機能「Full Page Screen Capture」をインストールする方法を紹介します。上記Chromeウェブストアリンクにアクセスして、「Chromeに追加」をクリックしてください。なお、「Full Page Screen Capture」の利用はすべて無料となります。

「Full Page Screen Capture」の追加方法2

Chromeブラウザ上に「Full Page Screen Capture」の追加確認のメッセージが表示されるので「拡張機能を追加」をクリックして選択してください。

「Full Page Screen Capture」の追加方法3

「Full Page Screen Capture」アイコンが、ChromeブラウザのURLバーの右側、Chrome拡張機能一覧アイコンに追加されます。「Full Page Screen Capture」アイコンは上の画像で確認してください。

ThumbiPhoneのスクリーンショット方法まとめ!機種ごとやAssistiveTouchの画面キャプチャ方法も解説!
iPhoneは機種によってスクリーンショットの方法が異なります。そこでiPhoneの機種ごと...

Full Page Screen Captureの使い方

続いて本章では「Full Page Screen Capture」の使い方を紹介していきます。「Full Page Screen Capture」の使い方は非常にシンプルで簡単です。WindowsパソコンやMacパソコンに標準搭載されているスクリーンショット機能を使うよりも簡易に操作できるので、初心者の方でも簡単にWebサイト全体の画面を撮影することが可能となります。

画面全体をキャプチャする方法

「Full Page Screen Capture」を使って、Webサイト全体の画面をスクリーンショットする場合は、スクリーンショットしたいWebサイトにアクセスして、Chromeブラウザ画面右上にある「Full Page Screen Capture」アイコンをクリックするだけです。

「Full Page Screen Capture」の初期設定では、スクリーンショットした画像データは「PNG」形式のファイルで保存されます。

「Full Page Screen Capture」の使い方1

「Full Page Screen Capture」でスクリーンショットすると、Chromeブラウザ画面上に上の画面が表示されます。数秒間待つことで、スクリーンショットしたプレビュー画面が表示されるので確認してみましょう。

「Full Page Screen Capture」の使い方3

「Full Page Screen Capture」でスクリーンショットが完了すると上の画面が表示され、キャプチャ画面を確認できます。

PDFの場合

PDFで保存する方法

「Full Page Screen Capture」では「PDF」ファイル形式でスクリーンショットファイルをダウンロード・保存することができます。

「Full Page Screen Capture」でスクリーンショットを撮影した後の画面で、画面上部のメニュータブ一覧から「Download PDF」アイコンをクリックしてください。PDFファイルでスクリーンショットファイルがダウンロードされます。

PNGファイルの場合

PNGファイルで保存する方法

「Full Page Screen Capture」でスクリーンショットした画像を「PNG」ファイル形式でダウンロードしたい場合は、画面上部のメニュータブ一覧から「Download PNG」アイコンをクリックしてください。PNGファイルでスクリーンショットファイルがダウンロードされます。

JPGファイルの場合

JPGファイルで保存する場合1

「Full Page Screen Capture」でスクリーンショットした画像データファイルを「JPG」ファイル形式でダウンロード・保存したい場合は、「Full Page Screen Capture」画面上部のメニュータブ一覧から「歯車(Setting)」アイコンをクリックしてください。

「Full Page Screen Capture」の設定画面が表示されるので「Image format」項目で、保存方法を「jpg」に変更してください。

JPGファイルで保存する場合2

Download PNG」項目アイコンが「Download JPGアイコンに変更されます。同アイコンをクリックすることで、「JPG」ファイル形式でスクリーンショット画像データをダウンロードできます。

その他設定方法

その他設定方法

「Full Page Screen Capture」の設定画面には、その他の設定項目が表示されていますが、とりわけ変更が必要な項目はありません。「PDF size」項目ではPDFファイルのサイズを調整できます。「A4」サイズを選択できるので、A4書類内にスクリーンショットデータを印刷したい場合は変更すると良いでしょう。

ThumbMacの画面キャプチャ方法!スクリーンショットで範囲を切り取るショートカットキーは?
iPhoneやAndroidのスクリーンショットは撮るものの、Macの画面をキャプチャする方...

Full Page Screen Captureを使えばWebページ全体のスクリーンショットが可能!

本記事では、便利なChrome拡張機能「Full Page Screen Capture」の使い方と特徴を紹介しました。「Full Page Screen Capture」を追加しておくと、いざという時に役に立つので、本記事を参考に「Full Page Screen Capture」を利用してみてください。

ThumbWindows10でのスクリーンショット方法!範囲指定方法やPCの保存先は?
Windows10でのスクリーンショット(スクショ)の撮り方は、ショートカットキー、「Edg...

関連するまとめ

Original
この記事のライター
KFJ
Apple製品を中心に、アプリやガジェットなど、役に立つ情報を皆さんに提供していきます。