Webページ全体をスクリーンショットする方法

MacまたはPCで完全なWebページのスクリーンショットをキャプチャする方法を探している場合、この投稿はあなたのためです。私は、ウェブページ全体をスクリーンショットできると主張する少数のツールとテクニックを試しましたが、この記事の時点ではまだわずかです。

あなたはこれを迅速にしたいので、私はそれを段階的に行う方法をあなたに示します。また、各方法の長所と短所を指摘します。どの方法があなたに最適かを考え出す時間を節約したかっただけです。

このガイドは、全体または長いWebページ全体のスクリーンショット全体を撮りたい人向けです。つまり、画面に完全に表示されないセクションがあります。

静的ウィンドウまたはフルデスクトップ画面をキャプチャしたい場合は、このガイドはあなたのためではありません。コンピューターまたは電話に組み込みのツールを使用して、それをすばやく完了できます:Shift +コマンド + 4(MACOS)またはCtrl + PRTSCN(Windows)。

まとめ:

  • ソフトウェアや拡張子をダウンロードしたくないですか?試す方法1または方法7
  • Mozilla Firefoxブラウザを使用している場合は、試してください方法2
  • スクリーンショットをキャプチャしたり、簡単な編集をしたい場合は、試してみてください方法3、5、6

クイックアップデート:Macユーザーの場合、ブラウザ拡張機能なしでフルサイズのスクリーンショットをキャプチャすることさえ可能です。

1。ChromeでDevToolsを開く(コマンド +オプション + i)

2。コマンドメニュー(コマンド +シフト + P)を開き、「スクリーンショット」を入力します

提案された読み:MacのWebページ全体をスクリーンショットする方法

3.「キャプチャスクリーンショット」の2つのオプションのいずれかを選択します。

4.キャプチャされた画像はコンピューターにダウンロードされます。

- 読者のHans Kuijpersが貢献したヒント。

1。Webページ全体をPDFとして印刷して保存します

たとえば、Yahoo Financeからの損益計算書シートを抽出したいとします。まず、Webブラウザでページを開きます。ここでは、例としてMacでChromeを使用しています。

ステップ1:Chromeメニューで、[ファイル]> [印刷]をクリックします。

ステップ2:[保存]ボタンをクリックして、ページをPDFファイルにエクスポートします。

ステップ3:ファイナンシャルシートをPowerPointプロジェクトに埋め込みたい場合は、最初にPDFをPNGまたはJPEG形式の画像に変換する必要がある場合があります。次に、画像をトリミングしてデータパーツを含めるだけです。

長所:

  • 速いです。
  • サードパーティのソフトウェアをダウンロードする必要はありません。
  • スクリーンショットの品質は良いです。

短所:

  • PDFファイルを画像に変換するには、余分な時間が必要になる場合があります。
  • スクリーンショットを直接カスタマイズすることは困難です。

2。Firefoxスクリーンショット(Firefoxユーザー向け)

Firefoxスクリーンショットは、Mozillaチームが開発した新機能であり、スクリーンショットを撮影、ダウンロード、収集、共有するのに役立ちます。この機能を使用して、Webページ全体のスクリーンショットをすばやく保存できます。

ステップ1:アドレスバーのページアクションメニューをクリックします。

ステップ2:「フルページの保存」オプションを選択します。

ステップ3:これで、画像をコンピューターのデスクトップに直接ダウンロードすることを選択できます。

例:私が最近公開した長い記事。

サイドノート:この機能はまだベータ版であることがわかったので、Firefoxがそれを維持することは保証されていません。しかし、この投稿が最後に更新されるまでに、この機能はまだアクセスできます。また、Apple SafariやGoogle Chromeなどの最も人気のあるWebブラウザは、まだこの機能を提供していません。

3. Mac(Safari)のツールボックスに類似しています

Macでスクロールスクリーンショットを撮りたい場合は、「スクリーンショットページ」と呼ばれるこの機能が気に入ってくれます。ツールボックスに類似しています少数の小さなユーティリティが含まれています。

注:Parallels Toolboxはフリーウェアではありませんが、機能的な制限なしに7日間の試用版を提供します。

ステップ1:[ツールボックス]をダウンロードし、Macにアプリをインストールします。それを開いて、スクリーンショット>スクリーンショットページを見つけます。

ステップ2:スクリーンショットページをクリックすると、Safariに拡張機能を追加するように依頼する別のウィンドウに移動します。有効にすると、このアイコンがSafariブラウザに表示されることがわかります。

ステップ3:スクリーンショットのページを選択し、画面画面アイコンのパラレルをクリックすると、ページを自動的にスクロールしてスクリーンショットを使用して、デスクトップのPDFファイルとして保存します。

このページをソフトウェアで例として使用しましたが、非常にうまく機能しました。

長所:

  • 出力PDFファイルの品質は非常に優れています。
  • アプリがあなたのためにそれを行うので、手動でスクロールする必要はありません。
  • Webページのスクリーンショットに加えて、エリアまたはウィンドウをキャプチャすることもできます。

短所:

  • アプリをインストールするのに少し時間がかかります。
  • 7日間のリミテーションなしトライアルが提供されていますが、フリーウェアではありません。

4。素晴らしいスクリーンショットプラグイン(Chrome、Firefox、Safari用)

Awesome Screenshotには、Webページのすべてまたは一部をキャプチャできるプラグインがあります。また、スクリーンショットを編集することができます。コメント、注釈の追加、ぼかし敏感な情報など。プラグインは、Chrome、Firefox、Safariなどの主要なWebブラウザーと互換性があります。

プラグインを追加するためのリンクは次のとおりです。

  • クロム
  • Firefox(注:Firefoxスクリーンショットが利用可能になるようになるので、このプラグインはもうお勧めしません。詳細については、方法2を参照してください。)
  • サファリ

Chrome、Firefox、Safariのプラグインをテストしましたが、すべてうまく機能しています。物事を簡単にするために、Google Chromeを例として使用します。 FirefoxとSafariに素晴らしいスクリーンショットを使用するための手順は非常に似ています。

ステップ1:上記のChromeリンクを開き、[Chromeに追加]をクリックします。

ステップ2:「拡張機能の追加」を押します。

ステップ3:クロムバーに拡張機能アイコンが表示されたら、クリックして[ページ全体をキャプチャ]オプションを選択します。

ステップ4:数秒以内に、そのWebページは自動的にスクロールします。新しいページが開き(以下を参照)、クロップ、注釈、ビジュアルなどを可能にする編集パネルを備えたスクリーンショットが表示されます。終了したら「完了」をクリックします。

ステップ5:「ダウンロード」アイコンを押して、スクリーンショット画像を保存します。それでおしまい!

長所:

  • 非常に使いやすい。
  • 画像編集機能は素晴らしいです。
  • 主要なWebブラウザと互換性があります。

短所:

  • 開発者によると、この拡張機能はいくつかの運用上の問題に遭遇する可能性があります。私はまだそのような問題を経験していません。

5.スクロールウィンドウまたはページ全体をスナギットでキャプチャする

私は本当に好きですスナギット。これは、スクリーンショットに関連するほとんどすべてを実行できる強力な画面キャプチャおよび編集アプリです。 Webページの完全なスクリーンショットを撮るには、以下の手順に従ってください(例としてWindowsにSnagitを使用します)。

注意:Snagitはフリーウェアではありませんが、15日間の無料トライアルがあります。

ステップ1:Snagitを入手して、PCまたはMacにインストールします。メインキャプチャウィンドウを開きます。画像>選択の下で、「スクロールウィンドウ」を選択してください。レッドキャプチャボタンを押して続行します。

ステップ2:スクリーンショットするWebページを見つけてから、カーソルをその領域に移動します。 Snagitがアクティブになり、3つの黄色の矢印ボタンが動いています。下の矢印は「キャプチャ垂直スクロール領域」を表し、右矢印は「キャプチャ水平スクロール領域」を表し、右下隅の矢印は「スクロール領域全体をキャプチャする」を表します。 [垂直スクロール領域のキャプチャ]オプションをクリックしました。

ステップ3:Snagitがページを自動的にスクロールし、画面外の部品をキャプチャします。まもなく、スナギットエディターパネルのウィンドウが、ちょうど撮ったスクリーンショットでポップアップします。そこにリストされている利用可能な編集機能をご覧ください。そのため、Snagitは群衆から際立っています。たくさんのオプションで、あなたが望むだけ多くの変更を加えることができます。

長所:

  • スクロールするウェブページとウィンドウをキャプチャすることができます。
  • 強力な画像編集機能。
  • 非常に直感的で使いやすい。

短所:

  • アプリ(サイズが〜90MB)のダウンロードとインストールには時間がかかります。
  • 無料ではありませんが、15日間のトライアルが付属しています。

6。Captoアプリ(Macのみ)

捕獲私自身も含めて、多くのMacユーザー向けの生産性アプリです。アプリのコア値は、Macに画面ビデオを録画することですが、スクリーンショットをキャプチャして画像をライブラリに保存することもできます。その後、簡単に編集、整理、共有できます。

注:Snagitと同様に、Captoもフリーウェアではありませんが、利用できるトライアルを提供しています。

Captoを使用してスクリーンショット全体を撮影する方法は次のとおりです。

ステップ1:アプリを開き、メニューの上部で「Web」アイコンをクリックします。そこで、WebページのURLをさまざまな方法でスナップすることを選択できます。たとえば、すでにページに載っている場合は、「アクティブなブラウザのURLをスナップする」をクリックするだけです。

ステップ2:スクリーンショットを編集し、領域を強調表示したり、矢印やテキストを追加したり、左パネルのツールを使用したりすることもできます。

ステップ3:Captoがページ要素を抽出し、画像をライブラリに保存します。次に、[ファイル]> [エクスポート]を選択して、ローカルに保存します。

注:Active BrowserからWebページをCaptoにスナップするように選択すると、Webページが長い場合に時間がかかる場合があります。

その他の方法

探索中に、他にもいくつかの作業方法が見つかりました。あなたが投資するために必要な時間と労力、および生産物の質を考えると、彼らはそれほど良くないので、私はそれらを上記の特集にしたくありません。それにもかかわらず、彼らは仕事をしているので、それらのいくつかを試してみてください。

7.ブラウザの拡張機能なしでクロムでフルサイズのスクリーンショットをキャプチャする

このヒントは、読者の1人であるHans Kuijpersによって親切に共有されました。

  • ChromeでDevToolsを開く(オプション + CMD + I)
  • コマンドメニュー(CMD + Shift + P)を開き、「スクリーンショット」を入力します
  • 「キャプチャスクリーンショット」の2つのオプション「フルサイズのスクリーンショットのキャプチャ」のいずれかを選択します。
  • キャプチャされた画像はコンピューターにダウンロードされます。

8。フルページ画面キャプチャ(Chrome拡張機能)

素晴らしいスクリーンショットと同様に、フルページ画面キャプチャは非常に使いやすいChromeプラグインです。インストールするだけです(これがリンクですChromeブラウザで、拡張機能アイコンをキャプチャしてヒットするWebページを見つけます。スクリーンショットはほぼ瞬時に作成されます。しかし、素晴らしいスクリーンショットにある画像編集機能がないため、魅力的ではありませんでした。

9。パパラッチ(Macのみ)

更新:このアプリは長い間更新されていません。最新のMacOSとの互換性の問題がある可能性があります。したがって、私はもうそれをお勧めしません。

パパラッチ!Nate Weaverによって設計および開発されたMacユーティリティは、Webページのスクリーンショットを作成するために特別に開発されています。それは非常に直感的です。 Webページリンクをコピーして貼り付け、画像サイズまたは遅延時間を定義するだけで、アプリは結果を返します。それが完了したら、右下隅にあるダウンロードアイコンをクリックして、スクリーンショットをエクスポートします。

私が持っている主な懸念は、アプリが数年前に最後に更新されたことです。そのため、将来のMacOSバージョンと互換性があるかどうかはわかりません。

これらは、フルまたはスクロールのWebページにスクリーンショットを撮るさまざまな方法です。クイックサマリーセクションで述べたように、さまざまな方法には独自の利点と短所がありますので、ニーズに最適なものを必ず選択してください。どちらを使用するかを選択するために、お知らせします。

いつものように、質問や提案がある場合は、以下にコメントを残してください。