ウェブページ全体をスクリーンショットして保存する方法

The following two tabs change content below.

松崎茂利

アチーブドリーム代表 / ブロガー / ブログ集客コンサルタント
たった一人でブログだけを使って月商400万円を達成。
個人・法人合わせて100件以上のコンサル実績があり、ブログを使った集客力アップ、収入アップのプロとして多くの人の成果を上げることに成功。
現在も自分自身がブロガーとして活動しながら、講演やコンサルを行っている。
プライベートコンサルティングの詳細はこちら

ブログ記事を書いている際に、ウェブページ全体をスクリーンショットして記事に載せたいなぁと思ったことはないですか?

ウェブページ全体じゃなくても、画面に表示されていないもうちょっと下のほうまで1つの画像として欲しいなぁという場合がけっこうあります。プリントスクリーンの機能を使えば画面をコピーして画像として使うことはできるのですが、画面に表示されている部分しか1つの画像として保存することができませんよね。

この記事では、画面におさまりきっていない部分、スクロールしないと見えない部分まで含めて1つの画像にして保存する方法を説明したいと思います。

ブログで解説記事などを作っている人は実際の画面を記事内に表示させたいことが多いと思いますので、とても重宝される機能です。ぜひチェックしておいてください。

スクリーンショット

「Full Page Screen Capture」という拡張機能がおすすめ

ではさっそくウェブページ全体をスクリーンショットして画像として保存する方法をご紹介します。

「Full Page Screen Capture」という拡張機能を使うのですが、これはGoogleクロムの拡張機能になりますので、ほかのブラウザをお使いの方は当てはまりませんのでごめんなさい。

Googleクロムを使ったことがないという人は下記よりGoogleクロムをダウンロードしてぜひ使ってみてくださいね。今最もシェアが高くて人気なのはGoogleクロムです。

パソコン版クロムのダウンロード

Googleクロムではさまざまな拡張機能を追加することができて、多くのものが無料で使うことができます。スマホのアプリみたいなイメージです。ここで紹介している「Full Page Screen Capture」も無料で使えますのでご安心ください。

「Full Page Screen Capture」をインストールしてみよう

では、あなたのパソコンにGoogleクロムがすでに入っているものとして、「Full Page Screen Capture」をインストールする方法から解説します。

まずはChromeウェブストアにアクセスします。

Googleクロム

画面左上の「ストアを検索」欄に「Full Page Screen Capture」と入力してEnterキーを押します。

Googleクロム

すると「Full Page Screen Capture」がヒットしますので、「+ CHROMEに追加」という青いボタンをクリックします。

Googleクロム

「Full Page Screen Capture」で検索すると同じ名前のものが2つヒットするのですが、「mrcoles提供」のほうを選びましょう。下のほうは使用したことはないのですが、最終更新日が2015年6月で止まっているので使わないほうがいいでしょう。

そしてもう一度「+ CHROMEに追加」をクリックします。

Googleクロム

ポップアップが表示されますので「拡張機能を追加」をクリックします。

Googleクロム

右上のほうに「Full Page Screen CaptureがChromeに追加されました。」と表示されればインストール完了です。簡単ですよね!

Googleクロム

「Full Page Screen Capture」を使ってみよう

ではインストールが完了したので実際に使ってみましょう。

使い方はめちゃくちゃ簡単です。基本はワンクリックするだけでウェブページ全体をキャプチャーして画像化することができます。

スクリーンショットを撮りたいページを表示させておいて、右上のカメラのマークをクリックするだけです。

Googleクロム

するとこのようなウィンドウが表示され・・・

Googleクロム

このようにページ全体が表示されれば成功です。

スクリーンショット

あとはこの画像をパソコンに保存すれば自由に使うことができるようになります。保存は右上の「Download Image」ボタンを押すとできます。

スクリーンショット

以上でウェブページ全体をスクリーンショットすることができました。一度設定してしまえば次からは右上にあるカメラボタンをクリックするだけですから、とても簡単にキャプチャーすることができるようになります。

ぜひお試しください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

アチーブドリーム代表 / ブロガー / ブログ集客コンサルタント
たった一人でブログだけを使って月商400万円を達成。
個人・法人合わせて100件以上のコンサル実績があり、ブログを使った集客力アップ、収入アップのプロとして多くの人の成果を上げることに成功。
現在も自分自身がブロガーとして活動しながら、講演やコンサルを行っている。
プライベートコンサルティングの詳細はこちら