PR
※当サイトには、アフィリエイト広告等が含まれています。閲覧者様が商品の購入や広告を見るだけで広告主からの収益が発生します。閲覧者様には感謝の念に堪えませんが、当サイトは広告主から収入を得ることで記事内容が左右されることは一切ありません。令和5年10月1日からステルスマーケティングは景品表示法違反となります。消費者庁

簡単!縦長の【ウェブページ全体をスクリーンショット】する方法

縦長スクリーンショットのロゴ画像

こんにちは、解説ゾロです!

楽しいウェブページを見ていると、マウスでカリカリしてどんどん下の方までスクロールして見てしまいます。

そんな時、スクリーンショット(キャプチャ)を撮っておきたいと思ってスクリーンショットをすると、モニター画面に映っている部分しかスクリーンショットができません。

本当は、マウスでカリカリしてスクロールした下の方まで、ページ全部を1つの画像として縦長のウェブページ全体をスクリーンショットで撮影したいのですができなくて・・・色々調べてみると、拡張機能を追加すればできるらしいのですが、気が進まずに諦めました。と、こんな経験をされたことはありませんか?

普通にスクリーンショット(キャプチャ)をすると、モニター画面に映っている、
の部分しか、スクリーンショットの撮影ができません・・・が、今日は、画面に映っていない下の方までカリカリした、
のように、ページ全体の部分、縦長の「ウェブページ全体をスクリーンショット」を撮影して保存できる方法の解説です。

今までのスクリーンショットエリアの違いの画像

もう今日からはスクリーンショット画像を繋げたりする面倒も無くなります。もちろんChromeの拡張機能も使わず簡単に縦長のウェブページ全体をスクリーンショットが撮影できるようになりますので、何かと重宝します。解説画像を見ながら丁寧に解説しますので、一緒にやりましょ!

マイクロソフトのEsge(エッジ)でのウェブページ全体のキャプチャ(スクリーンショット)方法はこちらです。☟
スポンサーリンク
スポンサーリンク
スポンサーリンク

簡単に縦長のウェブページ全体をスクリーンショットする方法

まず、縦長のウェブページ全体をスクリーンショット撮影したいウェブページ画面を表示して下さい。今日は「A8.net」というアフィリエイト登録記事のスクリーンショットをサンプルにしての方法を解説していきます。

縦長スクリーンショットのサンプル画像

デベロッパーツールを開く3つの方法

ウェブページ画面を表示したら、キーボードの上の方にある
1.「F12」というキーを押して、Google Chromeに標準搭載されているデベロッパーツールというものを開きます。

「F12」キーを押すのは、絶対にイヤだ!(笑)という方は、他の方法がありますので大丈夫です。

2.Windowsなら➡「Ctrl+ Shift + i
「コントロールキー」と「シフトキー」を押しながら「 i 」を押します。

Macなら➡「Command + Option + i
「コマンドキー」と「オプションキー」を押しながら「 i 」を押します。
すると「F12」キーと同じデベロッパーツールが開きます。

同時に3つ押すなんて絶対イヤだ!(笑笑)という方は、

3.Google Chromeの右上にある設定の「」をクリックすると項目がたくさん表示されますので、その中の「その他のツール」に、マウスポインターを乗せると、また項目が別枠で表示されますので一番下にあるデベロッパーツールを選択してクリックすると開きます。

パソコンかモバイルのスクショを選択

の赤枠の「デベロッパーツール」とは、開発者用の検証ツールで、画面の右側に難しそうな多くの情報が表示されますが、今回使う部分はポチっとするだけみたいに簡単ですので、ご安心下さい。

の、四角が重なっているマークは、モバイル画面の全体をスクリーンショットを撮るのか、パソコン画面の全体のスクリーンショットを撮るのかを選択します。押すたびに、モバイルになったりパソコンになったりします。今回はパソコン画面の全体のスクリーンショットで解説します。

縦長スクリーンショットデベロッパーツール設定画像

入力画面を表示

次は、同時に3つ押すのがイヤな人も我慢して下さい。
キーボードの「Ctrl + shift + P」を押して下さい。
「コントロールキー」と「シフトキー」を押しながら「 P」を押します。すると、
のように、入力できる枠が表示されます。

縦長スクリーンショットの設定画像

「FULL」と入力

今度は、
に「FULL」と入力すると、
に「 Screenshot 」と表示されますので、その「 Screenshot 」をクリックして下さい。

縦長スクリーンショット設定入力画面の画像

ダウンロード完了

何も変化がないように見えますが、大丈夫です。左下の、
に、ウェブページ全体をスクリーンショットした画像のダウンロード保存が出来ました!の表示が出ています。

縦長スクリーンショットの入力文字画像

スクリーンショットの確認

確認のためにパソコンの「PC」の画面に行き「ダウンロード」をクリックすると、
に、縦長のページ全体のスクリーンショットがちゃんとダウンロードして保存されています。(長~)

縦長スクリーンショット画像をダウンロードした画像

ダブルクリックして、長い画像を表示して見ると、縦長のウェブページ全体のスクリーンショットがちゃんと撮影されています。(このスクショ画像はとても長かったので途中でカットしてあります)⇩

縦長スクリーンショットの画像

これで完了です!

まとめ

ハイ、簡単!縦長の【ウェブページ全体をスクリーンショット】する方法の解説でした。
今日からスクリーンショット(キャプチャ)を何枚も撮影しなくていいので、とっても時短になって楽ちんです。

マイクロソフトのEsge(エッジ)でのウェブページ全体のキャプチャ(スクリーンショット)方法はこちらです。☟

その空いた時間に、ゆっくりとお茶でもして下さいまし。お疲れさまでした。

では、また。解説ゾロでした!

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