スクロールが必要なWebページ全体のスクリーンショットを撮るのはちょっと面倒です。
もしかして、少しづつスクロールさせながら撮影して、後でそれらをつなぎ合わせたりしていませんか？
この記事では、スクリーンショットのスクロールキャプチャをWindows10の機能で撮影する方法を２つご紹介します。
- Chromeディベロッパーツールでスクロールキャプチャを撮る方法
- Chrome拡張機能でスクロールキャプチャを撮る方法
この方法を導入すれば作業効率が格段に上がります。
マスターすればかなり重宝するので、ぜひご覧ください！
スクリーンショットでスクロールキャプチャを撮る方法（Windows10）
Webページ全体のスクリーンショットが必要なとき、スクロールを繰り返して撮影するのは効率が悪すぎます。
そこで、スクリーンショットのスクロールキャプチャを自動的に撮影してくれる２つの方法をご紹介します。
Chromeデベロッパーツールを利用する
このツールはChromeブラウザに標準搭載されているので、新たにダウンロードする必要はありません。
本来はWebサイト開発者が利用するものなので、一般的なユーザーには馴染みの薄い機能ですが誰でも利用可能です。
まず、スクリーンショットを撮影したい画面をChromeブラウザで開いてください。
そしてマウスの右クリックで表示されるメニューの中から『検証』を選択してデベロッパーツールを開きましょう。
または『Ctrl+Shift+I』か[F12]キーでもOKです。
すると、右側に何やら難しそうなものが表示されました。これがデベロッパーツールです。
上の状態で[Ctrl]+[Shift]+[P]を押してください。
下の画像のように項目一覧が出てきますので、この中から『Capture full size screen shot』を選択しましょう。
すると、ディスプレイからはみ出している部分も含めて、サイト全体のスクリーンショットを撮影してくれます。
撮影された画像は、Chromeブラウザに設定されているダウンロードフォルダーに保存されます。
Chrome拡張機能を利用する
スクリーンショットでスクロールキャプチャを撮影できるChrome拡張機能は、『 FireShot 』です。
撮影した画像ファイルは、jpgかpdfのファイル形式で保存することができます。
現在、ChromeとFirefoxブラウザの拡張機能として提供されていて、無料で利用することができます。
より高度な機能を利用できるPro版も販売されていますが、無料版でも十分な機能を備えています。
インストール方法
まず、chromeウェブブストアに移動しましょう。
画面左上にツールの検索窓がありますので、ここに『FireShot』と入力してEnterキーを押してください。
すると、次のような検索結果が表示されますので、『Chromeに追加』ボタンを押しましょう。
その後、こんな感じのポップアップが表示されるので、『拡張機能を追加』ボタンを押せばOKです。これでインストールが完了しました。
ブラウザ上にブックマークしよう！
次に、すぐに利用できるようにブラウザ上にブックマークしておきましょう。
まず、下の画像のように、赤丸内にあるパズルのピースのようなアイコンをクリックして下さい。
そして、『FireShot』の横にある押しピンマークをクリックしてください。
上記の手順が完了すると、下のように『FireShot』のアイコンがブックマーク表示されるようになります。
ではいよいよ、具体的な操作方法に移っていきましょう。
操作方法
まず、先ほどのブックマークアイコンをクリックして、『ページ全体をキャプチャ』を選択します。
すると、ページ全体がキャプチャされます。
画面が自動的にスクロールされていくので、見ていて楽しいですよ！
スクロールキャプチャが完了すると次のような画面が表示されます。『画像として保存』か『PDFで保存』のいずれかから保存形式を選択してください。
以上が『 FireShot 』を使用したスクリーンショットの撮影方法です。お疲れさまでした！
注意事項
上記の手順がスクリーンショットのやり方ですが、たまにこんな表示が出る場合があります。
これはセキュリティ上、そのページではスクリーンショットできないという意味です。
この場合は残念ながら、スクリーンショットを諦めましょう。
【まとめ】スクリーンショットのスクロールキャプチャを撮る方法｜Windows10
以上、スクリーンショットのスクロールキャプチャ撮影方法（Windows10）でした。
Chrome拡張機能は今回ご紹介したもの以外にもたくさんありますが、『 FireShot 』が最も使いやすいと思います。
ただし、注意点があります。それは画像サイズの大きさです。
ファイルサイズが大きいので、そのままブログなどに貼るとサーバー容量を圧迫するおそれがあります。かならず圧縮しましょう。
下の記事では、仕事や日常生活に活用できる、パソコン便利機能を紹介しています。
PCの作業効率をアップさせたい方は必見です！
それではまた、次の記事でお会いしましょう！
コメントはお気軽にどうぞ！