長いWebサイトを一発でキャプチャする方法

Webサイト(ホームページ)に関する資料を作成するときに、画面をキャプチャしたい時があります。
Windowsでは、[PrtScn]ボタンを押下することで画面をキャプチャすることができます。しかし、
1ページに収まらないなが～いWebサイトの場合、全ページをキャプチャするのは結構面倒です。
1ページずつキャプチャして、画像編集ソフトを使ってつなぎ合わせる必要があります。

そんな時に便利なのが、Webサイトの全ページを一括でキャプチャしてくれるツールです。
今回は以下の2つを紹介します。

・FireShot(Chrome, Firefox, IEの拡張機能)を利用したキャプチャ方法
・Quick Markup(ChromeのExtention(拡張機能))を利用したキャプチャ方法



1.　FireShot(Chrome, Firefox, IEの拡張機能)を利用したキャプチャ方法

FireShotは以下の3つのブラウザ向けに拡張機能を提供しています。
　・Chrome
　・Firefox
　・InternetExplorer(IE)

※ここでは、Chromeを使用した場合の方法を紹介します。
まず、以下のサイトでFireShotをダウンロードします。
https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg

ダウンロードと同時にインストールが行われます。無事にインストールが完了すれば、Chromeの
右上にFireShotのアイコンが表示されます。



アイコンをクリックするとメニューが表示されるので、[ページ全体をキャプチャして ...]をクリックします。



さらにカスケードされたメニューから希望の操作を選びます。



例えば、[外部エディタで開く]を選択し、外部エディタにIrfanViewを指定すると以下のようになります。



とっても便利です！！

各ブラウザ向けのダウンロード先を以下に示します。

【Chrome向け】
https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg

【Firefox向け】
https://addons.mozilla.org/ja/firefox/addon/fireshot/

【IE向け】
http://fireshot.en.softonic.com/download



2.　Quick Markup(ChromeのExtention(拡張機能))を利用したキャプチャ方法

まず、以下のサイトでQuick Markupをダウンロードします。
https://chrome.google.com/webstore/detail/screen-capture/clcbnchcgjcjphmnpndoelbdhakdlfkk

ダウンロードと同時にインストールが行われます。無事にインストールが完了すれば、Chromeの
右上にQuick Markupのアイコンが表示されます。



アイコンをクリックするとメニューが表示されるので、[ページの選択]をクリックします。



自動的に全ページをキャプチャしてくれます。



キャプチャされた画像が画面中央に表示され、その右側にメニューが表示されます。
次に行いたい操作を以下から選ぶことができます。
　・[注釈をつける！]
　・[アップロード (公開)]
　・[保存]
　・[コピー]



■参照ページ
　　ChromeでもFirefoxでもIEでも！キャプチャ拡張機能の決定版「FireShot」が素敵だった
　　注釈も簡単に付けられる、編集機能付きスクリーンキャプチャChromeエクステンション・Quick Markup

スポンサードリンク

タグ：ホームページ HP ウェブ WEB InternetExplorer IE Firefox Chrome ブラウザ 画面 キャプチャ 一括