Windows10初心者向け ！スクリーンショットする時にウェブページ全体を撮る方法

2021-02-09

2022-05-21

WRITER

大島 松二郎

　

この記事を書いている人 - WRITER -

大島 松二郎

株式会社SNAC代表取締役 MEO/SEO対策/HP制作を用いたWEB集客代行会社を運営。 1985年生まれ 福島県出身 月間12万PVのブログを運営中。自身が運営してきたブログ・メルマガノウハウを基に集客のアドバイスをしている。 【略歴】 ２８歳の頃、会社の突然の倒産をきっかけにインターネットビジネスの世界に入る。その後、ブログ運営やアフィリエイトに関する教材を買いあさり、素人から独学でWordPressの構築、記事の書き方、ライティング、SEO対策、マーケティング、メルマガ集客を学ぶ。2015年8月から始めたブログ「ブログ集客実践の書」は順調に成長し続け、2016年4月→1万PV、2017年7月→2万PV、2018年1月時点→45000PV→2018年7月には月間12万PVを突破。 現在は株式会社SNACを設立し、整体や美容室、パーソナルジム、エステなど実店舗向けのウェブ集客サービスを展開している。

ウィンドウでスクロールしないと見えない部分も含めたウェブページ全体を撮りたいのに、

• 表示されている部分しか撮れない
• 切り取ろうとしてもスクロールができない
• ウェブを縮小表示させてしまうと文字がつぶれてしまう

と困ってしまったことはありませんか？

Windows10でのスクリーンショットのやり方は、

でしたが、あくまでこれは「パソコンやウィンドウに表示されている部分」のみ、画像保存が可能です。

そのため、このやり方ではスクロールしないと見えないウェブページ全体を撮ることができません。

そこで今回は、スクリーンショットをする時にウェブページ全体を撮る方法を初心者にもわかりやすいように解説していきます。

ウェブページ全体をスクリーンショットするやり方

ウェブページ全体をスクショするには、「ブラウザ」を使用して行います。

ブラウザとは、ネット上のウェブページの情報を画面上に表示するための閲覧ソフトのことです。

複数あるのですが、この記事では、Google Chrome、Firefox、Microsoft Edgeを使って、ウェブページ全体を撮る方法を説明いたしますね。

Google Chromeのスクショ方法

Google Chromeは、Googleが開発したウェブブラウザで、直感的に使えるから初心者でも簡単に利用できます。

少し手順がありますが、ショートカットキーを覚えたらすぐできるようになりますよ。

Google Chromeでスクリーンショットしたいウェブページを表示したら「Ctrl＋Shift＋I」を押します。

右側に画像プレビュー右側にはGoogle Chromeのメニューバーやウェブページの詳細ソースがあります。

Ctrl＋Shift＋Pを押して、コマンド画面を開きましょう。

スクロールでコマンド欄から「Screenshot」Capture full screenshotを探してもいいのですが、ちょっと手間ですよね。

そこで「full」と検索すると1発ででますので、そちらをお試しください。

「Screenshot」Capture full screenshotを見つけたら選択をして、Enterで保存が完了です！

または、「More options」から「Screenshot　Capture full screenshot」を選択してもOKです。

Firefoxのスクショ方法

Firefoxとは、Mozilla Foundationおよびその傘下のMozilla Corporationが開発したウェブブラウザです。

機能はGoogle Chromeと同じくらいパフォーマンスが高く、カスタマイズも好きにできます。

こちらもウェブページ全体を撮るには手順があります。

まず、欲しいウェブページを表示します。

※もし、「ウェブページの左右に少し余白が欲しい」場合、Firefoxでは「Ctrl＋マウススクロール」で縮小することで余白を作ることができます。

URL横の「…」をクリックし、「スクリーンショットを撮る」を選択します。

あとはシンプル。ページ全体を保存するボタンを選んで、ダウンロードを押すだけです。

保存先は「ダウンロードフォルダ」になりますので、きちんとスクリーンショットが保存されているか確認しましょう。

これでスクリーンショットのやり方の説明は以上になります。

Microsoft Edgeのスクショ方法

Microsoft Edgeは、Windows10の標準ブラウザです。

以前使用されていたInternet Explorerより表示スピードがあり、メニューもシンプルで見やすくなったのが特徴。

ウェブページ全体を撮るときは以下の手順を実行します。

Ctrl＋Shift＋Iを押すと、左側に画像プレビュー、右側にメニューバーとソースが表示されます。

※デバイスを変更して表示をさせることもでき、画像サイズも指定可能です。

次に、Ctrl＋Shift＋Pを押してコマンド欄を開き、「フルサイズのスクリーンショットをキャプチャする」を探します。

こちらは「フル」と検索するとすぐでてきますよ。

「フルサイズのスクリーンショットをキャプチャする」を選択したら、Etnterを押して保存完了です。

スクリーンショットは「ダウンロードフォルダ」に保管されます。

また、縦に点が3つ並んでいるマークを押して「フルサイズのスクリーンショットをする」でも可能です。

お好きな方法で試してみてくださいね。以上で解説を終わります！

お疲れ様でした。

まとめ

今回は、Windows10でスクリーンショットをする時にウェブページ全体を撮る方法について解説しました。

ウェブページ全体をスクリーンショットするためにはブラウザを使います。

目的に応じて使うブラウザを分けてみてもいいかもしれません。

例えば、ウェブページ全体の画像にメモを残したい時余白があると便利ですよね。また、添削をする際に書き込むにも便利です。

Firefoxでは余白を作って保存をすることができるのでその点ではいいですね。

使いたいブラウザで早速、実践してみてください。