縦に長いWebページをスクショ(スクリーンショット)するには?!

PrtScキー PC活用

Webページをスクショしたいけど、ページ全体が画面に収まり切れなくて困ったことはありませんか?

無理やり画面に収めようと画面のズームを小さくした結果、スクショした画像を貼り付けて拡大したらボヤけた画像になってしまいますね。

そこで、縦に長いWebページ全体をスクショする方法を紹介したいと思います。
この方法なら拡張機能をインストールする必要もないので、手軽にWebページ全体がスクショできますよ!!

ディベロッパーツールを表示

まずスクショしたいWebページを表示させ、「Google Chromeの設定」⇒「その他のツール」⇒「ディベロッパーツール」の順に選択します
ディベロッパーツール表示画面

スクショを撮る

ディベロッパーツール画面が表示されたら、「toggle device toolbar」のボタンを押します。
ブラウザの種類や画面のサイズも変更は可能ですが(②の部分)最初はこのままでOKです。
toggle device toolbarの表示
次に「More options」⇒「Capture full size screenshot」の順に選択すると、Webページ全体の画像が取り込まれます。
画像の取り込み

スクショの画面を確認

最後に、Webページ全体がスクショできたかどうか確認してみましょう。
「ダウンロード」にスクショされた画像がダウンロードされています。
ダウンロードされたスクショ画像ファイル

まとめ

以上、Webページ全体をスクショする方法を紹介しました。
簡単にできますので、ぜひお試し下さいね!!

タイトルとURLをコピーしました