パソコン【WEBページを上から下まで全画面スクリーンショット】

パソコン使用時に、WEBページ全体を上から下までスクショする方法の紹介です。

以下の内容で解説していきます。

こんな人のお役に立てる記事です。

小豆

ブログ記事を、上から下まで丸ごとスクショしたい。
これって、何度もスクロールしながら1枚ずつ撮影していくしかないの？
一回の操作でWEBページ全体をスクショできたら便利なのに。

WEBページを上から下まで全画面スクリーンショット

WEBページを上から下まで丸ごとスクショしたい時って、たまにありますよね。

たとえば、僕の場合だとこんな感じ。

ブログデザインの変更前などは、バックアップ用として以前の状態を画像で残しておきたいんですよね。

ですが、通常の方法では一画面内に写っている範囲しかスクショすることができません。

実際のスクショを見てみる

というわけで、以前までは画面を少しづつスクロールしながら何枚もスクショを撮っていました・・。

小豆

ひぃ・・面倒くさそう。
でも、方法を知らないとソレしか選択肢がないよね・・。

そうなんだ・・。
ちなみに当ブログのTOPページ全体をスクショするには、10枚の画像が必要だったよ。

大福

さずがにこれは、ちょっと効率悪すぎですよね。

しかも複数枚撮ったスクショも、後々見たときにはごちゃごちゃで順序がわからなくなる始末・・。

で、こんな時に便利なのが「一回の操作でWEBページ全体のスクショを撮る方法」です。

実際に撮影してみました。

見事、WEBページ全体を一枚の画像に収めることができました。

全画面スクショは、以下のような用途で大活躍だよ。

大福

全画面スクショが活躍する場面

全画面スクリーンショットの手順

ここでは、Google Chromeブラウザでの全画面スクリーンショットの手順を解説していきます。

大福

手順だけ見ると難しそうに見えるけど、実際には10秒もかからない操作だよ。

step
1デベロッパーツールを起動

step
2コマンド入力画面を表示させる

Ctrl + Shift + P^※ でコマンド入力画面が表示

※Macの場合は ⌘ + Shift + P

step
3全画面スクショ用のコマンドを入力

表示されたコマンド入力窓に full と入力

step
4スクショを実行

Enter を押すと全画面スクリーンショットが実行

スクショ方法の選択をしたい場合は、Step3でscreenshotと入力します。

Microsoft edgeでの全画面スクリーンショット

⋯　→　WEBキャプチャ　→　ページ全体をキャプチャ

小豆

edgeの方が操作は簡単そうだね。

確かに。
普段からedgeを使っている場合は、こっちの方がいいね。

大福

いろいろ試してたどり着いた使い勝手抜群のスクショツール

こちらは、使い勝手がよくて普段から僕が愛用しているスクショツール【Lightshot】。

4年間のブログ運営の中でたくさんのスクショツールを使ってきましたが、現段階で一番のおすすめです。

Lightshotの詳しい使い方は、以下の記事内で紹介しているよ。

大福

まとめ：全画面スクリーンショットは便利

パソコンでの全画面スクリーンショットの撮影方法の紹介でした。

それほど使う機会は多くないかもですが、いざ！と言う時には間違いなく役立ちます。

ぜひ、参考にしてみてください。