Webページをスクショしたいけど、ページ全体が画面に収まり切れなくて困ったことはありませんか?
無理やり画面に収めようと画面のズームを小さくした結果、スクショした画像を貼り付けて拡大したらボヤけた画像になってしまいますね。
そこで、縦に長いWebページ全体をスクショする方法を紹介したいと思います。
この方法なら拡張機能をインストールする必要もないので、手軽にWebページ全体がスクショできますよ!!
ディベロッパーツールを表示
まずスクショしたいWebページを表示させ、「Google Chromeの設定」⇒「その他のツール」⇒「ディベロッパーツール」の順に選択します
スクショを撮る
ディベロッパーツール画面が表示されたら、「toggle device toolbar」のボタンを押します。
ブラウザの種類や画面のサイズも変更は可能ですが(②の部分)最初はこのままでOKです。
次に「More options」⇒「Capture full size screenshot」の順に選択すると、Webページ全体の画像が取り込まれます。
スクショの画面を確認
最後に、Webページ全体がスクショできたかどうか確認してみましょう。
「ダウンロード」にスクショされた画像がダウンロードされています。
まとめ
以上、Webページ全体をスクショする方法を紹介しました。
簡単にできますので、ぜひお試し下さいね!!