Capture Full PageCapture Full PageChromeに追加

Chromeでスクリーンショットを撮る方法, 完全ガイド

Chromeでスクリーンショットを撮る主な方法は5つあり、最適な方法はワークフローによって異なります。専用の拡張機能は、キャプチャ、編集、エクスポートを1ステップで提供します。Chrome DevToolsは開発者向けの内蔵スクリーンショットコマンドを備えています。OSツールはすべてのアプリで動作しますがウェブ専用機能はありません。ブラウザベースのオンラインツールがさらに別の選択肢を加え、ChromeのサイドバーとなるPDF印刷機能はPDFスナップショットを生成できます。以下で5つのアプローチすべてを比較し、適したものを選べるようにします。

拡張機能そのものをお探しですか？Capture Full Pageのホームページで詳細を確認してインストールしてください。

今すぐ試す: ワンクリック、登録不要。

Chromeに追加

Chromeでスクリーンショットを撮る5つの方法

1

方法1：Capture Full Page拡張機能（キャプチャ、編集、エクスポートを1つのワークフローで行うのに最適）

Capture Full PageはChromeの拡張機能で、3つのキャプチャモードがあります。表示画面のスクリーンショット、スクロールページ全体のキャプチャ、特定の領域を選択の3種類です。すべてのキャプチャは内蔵エディターで開き、矢印、テキスト、図形、蛍光ペン、ステップ番号などの注釈ツールが使えます。PNGとしてエクスポート、PDFとして保存、またはクリップボードにコピーできます。DevToolsやOSツールとは異なり、キャプチャ、編集、エクスポートを1つのワークフローにまとめています。また、各キャプチャモードをアイコンをクリックせずにトリガーするためのキーボードショートカット（エリアはAlt+Shift+A、画面はAlt+Shift+S、全ページはAlt+Shift+F）と、ドロップダウンメニューやツールチップのキャプチャのためのキャプチャタイマーも搭載しています。

  1. 1Chrome ウェブストアからCapture Full Pageをインストール。
  2. 2ツールバーの拡張機能アイコンをクリック。
  3. 3キャプチャモードを選択：ページ全体、表示画面またはエリア。
  4. 4キャプチャが内蔵エディターで開く, 必要に応じて注釈。
  5. 5PNG、PDFでエクスポートまたはクリップボードにコピー。
2

方法2：Chrome DevToolsスクリーンショット

ChromeにはDevToolsに隠しスクリーンショットコマンドがあります。表示ビューポートまたはページ全体をPNGとしてキャプチャしますが、編集、PDFエクスポート、注釈ツールは提供しません。すでにDevToolsを開いている開発者に最適です。DevToolsのページ全体キャプチャは、スクロールせずに一度にページ全体の高さでレンダリングするため、固定要素や遅延読み込みコンテンツのあるページで壊れた画像を生成することがあります。複雑なCSSレイアウト（position: fixedのナビゲーションバーなど）のページはしばしば正しく表示されません。

  1. 1F12を押してDevToolsを開く。
  2. 2Ctrl+Shift+P（MacではCmd+Shift+P）でコマンドメニューを開く。
  3. 3「Capture screenshot」（表示ビューポート）または「Capture full size screenshot」（ページ全体）と入力。
  4. 4ChromeがPNGファイルを保存, エディターなし、PDFなし、クリップボードなし。
3

方法3：オペレーティングシステムの内蔵ツール

Windows、macOS、Linuxにはすべて内蔵の画面キャプチャユーティリティがあります。これらはブラウザのクロム、タスクバー、他のウィンドウを含む画面上のすべてをキャプチャしますが、スクロールキャプチャやウェブコンテンツのみの選択などのウェブ専用機能はありません。Windows 11では、Snipping Toolは画面録画や遅延スクリーンショットにも対応しています。macOSでは、Cmd+Shift+5でタイマーオプション付きのキャプチャツールバーが開きます。ただし、これらのツールはいずれも画面下のコンテンツをキャプチャできず、現在ディスプレイに表示されているものだけをスクリーンショットします。

  1. 1Windows：PrtScn（全画面）、Alt+PrtScn（アクティブウィンドウ）、またはWin+Shift+S（Snipping Toolで選択領域）を押す。
  2. 2macOS：Cmd+Shift+3（全画面）、Cmd+Shift+4（選択領域）、またはCmd+Shift+5（タイマー付きキャプチャツールバー）を押す。
  3. 3Linux：PrtScnを押すか、デスクトップ環境に付属のスクリーンショットアプリを使用。
  4. 4キャプチャした画像はクリップボードまたはファイルに保存, 注釈には別のエディターを使用。
4

方法4：PDF印刷（Chrome内蔵）

Chromeは印刷ダイアログを使って任意のページをPDFとして保存できます。これはページ全体のコンテンツをドキュメント形式でキャプチャしますが、印刷用にページを再レンダリングするため、出力が画面と異なって見えることがよくあります。CSSスタイル、インタラクティブ要素、固定位置レイアウトがずれたり消えたりすることがあります。画像エクスポートも注釈もありません。

  1. 1Ctrl+P（MacではCmd+P）を押して印刷ダイアログを開く。
  2. 2保存先を「PDFとして保存」に変更。
  3. 3必要に応じてレイアウト（縦または横）と余白を調整。
  4. 4保存をクリック, PDFは画面上の見た目ではなく印刷用スタイルシートを反映する。
5

方法5：オンラインスクリーンショットツール

web-capture.netやscreenshot.guruなどのウェブベースのツールは、URLを入力するとサーバー上でスクリーンショットを生成します。何もインストールせずに動作しますが、タイミングを制御できず、ログインが必要なページは機能せず、URLがサードパーティのサーバーに送信されます。スクリーンショットは通常低解像度で、ブラウザで見えるものと一致しない場合があります。

  1. 1ブラウザでオンラインスクリーンショットツールのウェブサイトを開く。
  2. 2キャプチャしたいページのURLを入力。
  3. 3ツールがサーバー上でページをレンダリングして画像を生成するのを待つ。
  4. 4生成されたスクリーンショットをダウンロード, 通常は編集オプションのないJPEGまたはPNG。

機能比較

機能Capture Full Page内蔵ツール他の拡張機能
表示領域キャプチャはい, ワンクリックDevToolsまたはOSショートカットはい
ページ全体キャプチャはい, 自動スクロール＆結合DevToolsコマンドのみ一部
エリア/領域選択はい, ページ上に長方形を描くOSツール（画面レベル）一部
内蔵エディターはい, 矢印、テキスト、図形、蛍光ペン、ステップ番号いいえ一部（有料）
PDFエクスポートはい, 注釈付き印刷ダイアログのみ（再レンダリング）まれ
クリップボードコピーはい, 注釈付きOSツールのみ（生データ）一部
ウェブコンテンツのみキャプチャはい, ブラウザクロムなしDevTools：はい / OS：いいえさまざま
ワンクリック操作はいいいえ, 4ステップ以上（DevTools）一部
オフライン動作はいはい常にではない
アカウント不要はいはいサインアップが必要な場合が多い
固定ヘッダー処理はい, 自動検出いいえ, ヘッダーが重複まれ
遅延読み込みコンテンツをキャプチャはい, 画像を待機いいえ, 単一パスレンダリング一部

よくある質問

Chromeでスクリーンショットを撮る最速の方法は？
最も簡単な方法はCapture Full Page Chrome拡張機能です。アイコンをクリックし、キャプチャモード（表示領域、フルページ、または選択領域）を選ぶと、内蔵エディターでスクリーンショットの準備が完了します。覚えるキーボードショートカットも、開くDevToolsもなし, ワンクリックでキャプチャ、ワンクリックで保存。
拡張機能なしでChromeはスクリーンショットを撮れる？
はい。F12でDevToolsを開き、Ctrl+Shift+Pを押して"screenshot"と入力します。表示ビューポートまたはページ全体をキャプチャできます。ただし、DevToolsには編集ツールもPDFエクスポートもなく、毎回複数のステップが必要です。OSツール（PrtScn、Snipping Tool、Cmd+Shift）も動作しますが、ブラウザクロムを含む画面全体をキャプチャします。
表示領域、ページ全体、エリアキャプチャの違いは？
表示領域はブラウザビューポートで見えるものを正確にキャプチャします。フルページは自動スクロールしてウェブページ全体を上から下までキャプチャします。エリアキャプチャは特定の領域に四角形を描くことができます。Capture Full Pageは3つのモードすべてをサポートしています。詳しくはページ全体キャプチャとエリアキャプチャのガイドをご覧ください。
Chromeでスクロールするページ全体のスクリーンショットを撮るには？
Capture Full Page拡張機能を使用して「Capture Full Page」を選択してください。拡張機能が自動的にページ全体をスクロールし、各セクションをキャプチャして1つのシームレスな画像に結合します。固定要素、遅延読み込み画像、長いページを自動的に処理します。詳しくはページ全体スクリーンショットガイドをご覧ください。
Chromeで撮影後にスクリーンショットを編集できる？
Capture Full Pageでは可能です。すべてのスクリーンショットが描画ツール付きの内蔵エディターで開きます：鉛筆、矢印、四角形、蛍光ペン、テキスト、ステップ番号付け、切り抜き、カラーピッカー。直接注釈を付けてからPNG、PDFとして保存するかクリップボードにコピーできます。詳しくはスクリーンショットエディターガイドをご覧ください。
ブラウザツールバーを含めずにスクリーンショットを撮るには？
Capture Full PageまたはChrome DevToolsを使用してください, どちらもブラウザインターフェース（タブ、アドレスバー、ブックマークバー）を除いたウェブページコンテンツのみをキャプチャします。PrtScnやSnipping ToolなどのOSツールは、ブラウザのクロムや他のウィンドウを含む画面全体をキャプチャします。
Chromeのスクリーンショット拡張機能を使うのは安全ですか？
Capture Full PageはManifest V3（Chromeの最新セキュリティ標準）で構築されており、最小限の権限のみを要求し、完全にオフラインで動作し、データをどこにも送信しません。アカウントやサインアップは不要です。インストール前に必ず拡張機能の権限を確認し、本当に必要でない限り、閲覧履歴、クッキー、すべてのウェブサイトデータへのアクセスを要求する拡張機能は避けてください。
DevToolsのページ全体スクリーンショットが壊れて見えるのはなぜ？
Chrome DevToolsは実際にはスクロールせずに、ページを一度にフルの高さでレンダリングします。そのため、固定ヘッダーや固定位置の要素が画像全体で繰り返され、遅延読み込み画像が空白で表示されることがあり、一部のCSSレイアウトは極端なページ高さで崩れます。ピクセルパーフェクトなページ全体スクリーンショットには、ページを自然にスクロールして結果を結合するCapture Full Pageのようなスクロールキャプチャ拡張機能を使用してください。
ログインが必要なページのスクリーンショットは撮れる？
はい。ブラウザ拡張機能またはDevToolsを使えば可能です。どちらもログイン済みのブラウザセッション内で動作するためです。オンラインのスクリーンショットツールは、クッキーやセッションなしでリモートサーバー上でURLをレンダリングするため、ログイン保護されたページをキャプチャできません。ダッシュボード、管理パネル、認証済みページのスクリーンショットが必要な場合は、ローカルな方法を使用してください。

Chromeでスクリーンショット, キャプチャ、編集、エクスポート

Capture Full Pageをインストールして内蔵編集ツール付きのワンクリックスクリーンショットを。3つのキャプチャモード、PDFエクスポート、すぐに開始。

Chromeに追加

関連ガイド

Chromeページ全体スクリーンショット

自動スクロール、固定要素処理、内蔵エディターでワンクリック全ページキャプチャ。

Chrome画面キャプチャ

内蔵エディターで表示画面を即座にスクリーンショット。

Chromeエリアキャプチャ

画面のどの領域でも正確に選択してキャプチャ。

Chromeスクロールスクリーンショット

自動スクロールとセクション連結で長いページ全体をキャプチャ。

Chromeスクリーンショットエディター

ブラウザで直接、矢印・テキスト・図形・蛍光ペンでスクリーンショットを編集。

スクリーンショットをPDF保存

レイアウトと注釈を保持してスクリーンショットをPDFにエクスポート。

すべてのガイドを見る