MacまたはWindowsでWebページ全体をスクリーンショットする10の方法
Mac または PC で完全な Web ページのスクリーンショットをキャプチャする方法を探している場合は、この投稿が役に立ちます。 Web ページ全体のスクリーンショットを作成できると主張するいくつかのツールと手法を試しましたが、この記事の執筆時点で機能しているものはごくわずかです。
すぐにやりたいので、手順を追って説明します。 また、各方法の長所と短所を指摘します。どの方法が最適かを判断する時間を節約したかっただけです。
このガイドは、Web ページ全体または長い Web ページ全体のスクリーンショットを撮りたい人向けです。つまり、画面に完全に表示されていないセクションがあることを意味します。
静的ウィンドウまたはデスクトップ画面全体をキャプチャするだけの場合は、このガイドを参照してください。 Studio上ではサポートされていません。 あなたのために。 コンピューターまたは電話に組み込まれているツールを使用して、それをすばやく行うことができます。 シフト + コマンド + 4 （macOS）または Ctrlキー + PrintScreenキー （ウィンドウズ）。
概要
- ソフトウェアや拡張機能をダウンロードしたくないですか? 試す 方法1 or 方法7.
- Mozilla Firefox ブラウザーを使用している場合は、 方法2.
- スクリーンショットをキャプチャして簡単な編集を行いたい場合は、試してください 方法 3、5、6.
クイックアップデート: Mac ユーザーの場合、ブラウザ拡張機能なしでフルサイズのスクリーンショットをキャプチャすることもできます。
1. Chrome で DevTools を開きます (コマンド + オプション + I)
2. コマンド メニュー (command + shift + P) を開き、「スクリーンショット」と入力します。
3. 「スクリーンショットをキャプチャ」の「フル サイズのスクリーンショットをキャプチャ」の XNUMX つのオプションのいずれかを選択します。
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. Parallels Toolbox for Mac (Safari)
Mac でスクロール スクリーンショットを撮りたい場合は、「スクリーンショット ページ」と呼ばれるこの機能が気に入るはずです。 Parallels Toolbox これには、いくつかの小さなユーティリティが含まれています。
注: Parallels Toolbox はフリーウェアではありませんが、機能制限のない 7 日間の試用版を提供しています。
ステップ1： Parallels Toolbox をダウンロード Macにアプリをインストールします。 開いて見つける スクリーンショットを撮る > スクリーンショット ページ.
ステップ2：をクリック スクリーンショットページ 別のウィンドウが表示され、Safari に拡張機能を追加するよう求められます。 有効にすると、Safari ブラウザにこのアイコンが表示されます。
ステップ 3: スクリーンショットを撮りたいページを選択し、Parallels Screenshot アイコンをクリックすると、ページが自動的にスクロールされ、スクリーンショットが撮られ、デスクトップに PDF ファイルとして保存されます。
長所：
- 出力 PDF ファイルの品質は非常に良好です。
- アプリが自動的にスクロールするので、手動でスクロールする必要はありません。
- Web ページのスクリーンショットに加えて、領域またはウィンドウをキャプチャすることもできます。
短所：
- アプリのインストールには少し時間がかかります。
- フリーウェアではありませんが、7 日間の制限なしの試用版が提供されています。
4. 素晴らしいスクリーンショット プラグイン (Chrome、Firefox、Safari 用)
Awesome Screenshot には、任意の Web ページのすべてまたは一部をキャプチャできるプラグインがあります。 また、スクリーンショットを編集することもできます。コメント、注釈の追加、機密情報のぼかしなどを行うことができます。プラグインは、Chrome、Firefox、Safari などの主要な Web ブラウザーと互換性があります。
プラグインを追加するためのリンクは次のとおりです。
Chrome、Firefox、および Safari でプラグインをテストしましたが、すべて問題なく動作します。 簡単にするために、例として Google Chrome を使用します。 Firefox と Safari で Awesome Screenshot を使用する手順は非常に似ています。
ステップ 1: 上記の Chrome リンクを開き、[ADD TO CHROME] をクリックします。
ステップ 2: [拡張機能を追加] をクリックします。
ステップ 3: 拡張機能のアイコンが Chrome バーに表示されたら、それをクリックして [ページ全体をキャプチャ] オプションを選択します。
ステップ 4: 数秒以内に、その Web ページが自動的に下にスクロールします。 新しいページが開き (以下を参照)、トリミング、注釈付け、ビジュアルの追加などを行うことができる編集パネルを含むスクリーンショットが表示されます。終了したら、[完了] をクリックします。
ステップ 5: 「ダウンロード」アイコンをクリックして、スクリーンショット画像を保存します。 それでおしまい！
長所：
- 非常に使いやすい。
- 画像編集機能は素晴らしいです。
- 主要な Web ブラウザーと互換性があります。
短所：
- 開発者によると、この拡張機能には操作上の問題が発生する可能性があります。 私はまだそのような問題を経験していません。
5. Snagit でスクロール ウィンドウまたはページ全体をキャプチャする
私は本当に好きです SnagItの (レビュー）。 これは強力なスクリーン キャプチャおよび編集アプリで、スクリーンショットに関連するほぼすべての操作を実行できます。 Web ページの完全なスクリーンショットを撮るには、次の手順に従います (例として Windows 用の Snagit を使用します)。
注意: Snagit はフリーウェアではありませんが、15 日間の無料試用版があります。
ステップ1： Snagitを入手する PCまたはMacにインストールします。 メインのキャプチャ ウィンドウを開きます。 下 画像 > 選択、必ず「スクロールウィンドウ」を選択してください。 赤いキャプチャ ボタンを押して続行します。
ステップ 2: スクリーンショットを作成する Web ページを見つけて、カーソルをその領域に移動します。 これで Snagit が有効になり、XNUMX つの黄色い矢印ボタンが動いているのがわかります。 下の矢印は「垂直スクロール領域のキャプチャ」を表し、右の矢印は「水平スクロール領域のキャプチャ」を表し、右下隅の矢印は「スクロール領域全体のキャプチャ」を表します。 「垂直スクロール領域をキャプチャ」オプションをクリックしました。
ステップ 3: これで、Snagit はページを自動的にスクロールし、画面外の部分をキャプチャします。 すぐに、Snagit エディタ パネル ウィンドウがポップアップし、撮影したばかりのスクリーンショットが表示されます。 そこにリストされている利用可能な編集機能を参照してください。 Snagit が群を抜いているのはそのためです。多数のオプションを使用して、好きなだけ変更を加えることができます。
長所：
- ウィンドウだけでなく、スクロールする Web ページもキャプチャできます。
- 強力な画像編集機能。
- 非常に直感的で使いやすいです。
短所：
- アプリのダウンロードとインストールには時間がかかります (サイズが ~90MB)。
- 無料ではありませんが、15 日間の試用版が付属しています。
6. Capto アプリ (Mac のみ)
キャプト は、私を含め、多くの Mac ユーザー向けの生産性向上アプリです。 このアプリの中心的な価値は、Mac でスクリーン ビデオを録画することですが、スクリーンショットをキャプチャして画像をライブラリに保存することもできます。 その後、簡単に編集、整理、共有できます。
注: Snagit と同様に、Capto もフリーウェアではありませんが、利用できる試用版を提供しています。
Capto を使用して全体のスクリーンショットを撮る方法は次のとおりです。
ステップ 1: アプリを開き、メニューの上部にある [Web] アイコンをクリックします。 そこで、さまざまな方法で Web ページの URL をスナップすることを選択できます。 たとえば、既にページにアクセスしている場合は、[アクティブなブラウザーの URL をスナップ] をクリックするだけです。
ステップ 2: 左パネルのツールを使用して、スクリーンショットを編集することもできます。たとえば、領域を強調表示したり、矢印やテキストを追加したりできます。
ステップ 3: Capto はページ要素を抽出し、画像をライブラリに保存します。 次に、[ファイル] > [エクスポート] を選択してローカルに保存します。
注: Capto がアクティブなブラウザーから Web ページをスナップできるように選択した場合、Web ページが長い場合は時間がかかる場合があります。
その他のメソッド
探索中に、他にもいくつかの作業方法を見つけました。 投資する必要がある時間と労力、および出力の品質を考慮すると、それらはそれほど良くないため、上記で取り上げたくありません. それでも、それらは機能するので、気軽に試してみてください。
7.ブラウザ拡張機能なしでChromeでフルサイズのスクリーンショットをキャプチャする
このヒントは、読者の XNUMX 人である Hans Kuijpers によって親切に共有されました。
- Chrome で DevTools を開く (OPTION + CMD + I)
- コマンド メニュー (CMD + SHIFT + P) を開き、「スクリーンショット」と入力します。
- 「スクリーンショットをキャプチャ」の「フル サイズのスクリーンショットをキャプチャ」の XNUMX つのオプションのいずれかを選択します。
- キャプチャされた画像がコンピュータにダウンロードされます。
8. Web-Capture.Net
これは、Web サイト全体のスクリーンショットをオンラインで作成できるサービスです。 お先にどうぞ ウェブサイトを開くをクリックし、スクリーンショットを作成する Web ページの URL をコピーして、ここに貼り付けます (以下を参照)。 エクスポートするファイル形式を選択することもできます。 キーボードの「Enter」を押して続行します。
我慢して。 「あなたのリンクは処理されました。 ファイルまたは ZIP アーカイブをダウンロードできます。」 これでスクリーンショットをダウンロードできます。
長所：
- それは効き目がある。
- ソフトウェアをインストールする必要はありません。
短所：
- ウェブサイト上の大量の広告。
- スクリーンショットの処理が遅い。
- 画像編集機能はありません。
9. 全ページ画面キャプチャ (Chrome 拡張機能)
Awesome Screenshot と同様に、Full Page Screen Capture は非常に使いやすい Chrome プラグインです。 インストールするだけです（ここにリンクがあります Chrome ブラウザーで、キャプチャする Web ページを見つけて、拡張機能のアイコンをクリックします。 スクリーンショットはほぼ瞬時に作成されます。 ただし、Awesome Screenshot のような画像編集機能がないため、あまり魅力的ではありません。
10. パパラッチ (Mac のみ)
更新: このアプリは長い間更新されていません。最新の macOS との互換性の問題がある可能性があります。 したがって、もうお勧めしません。
パパラッチ！ は、Nate Weaver によって設計および開発された、Web ページのスクリーンショットを作成するための Mac ユーティリティです。 それは非常に直感的です。 Web ページのリンクをコピーして貼り付け、画像サイズまたは遅延時間を定義するだけで、アプリが結果を返します。 完了したら、右下隅にあるダウンロード アイコンをクリックして、スクリーンショットをエクスポートします。
私が抱えている主な懸念は、アプリが最後に更新されたのがかなり前であることです。そのため、将来の macOS バージョンと互換性があるかどうかはわかりません.
これらは、フルまたはスクロールする Web ページのスクリーンショットを撮るさまざまな方法です。 簡単な要約セクションで述べたように、さまざまな方法にはそれぞれ長所と短所があるため、ニーズに最適な方法を選択してください. どちらを使用するかはあなたにお任せします。
いつものように、質問や提案がある場合は、下にコメントを残してください。
最後の記事