Chromeエリアキャプチャ — 選択してトリミング
エリア選択を使うと、ブラウザインターフェースやOS要素を含まずにウェブページの特定の長方形領域をキャプチャできます。「エリアキャプチャ」モードを使用して、ウェブページの任意の部分に選択長方形を描き、その領域のみをキャプチャします。切り取られたスクリーンショットは注釈とエクスポートのために内蔵エディターで即座に開きます。ページ全体が必要ですか？ページ全体スクリーンショットモードを使用してください。表示ビューポートだけなら画面キャプチャをお試しください。すべてのスクリーンショット方法の比較はChromeスクリーンショットガイドをご覧ください。
3つの方法
1
Capture Full Page拡張機能 — エリア選択
「エリアキャプチャ」モードでページの任意の部分に長方形を描いてその領域のみをキャプチャ。選択領域は内蔵エディターで開きます。
- 1Chrome ウェブストアからCapture Full Pageをインストール。
- 2拡張機能アイコンをクリックし「エリアキャプチャ」を選択。
- 3キャプチャしたい領域に長方形を描く。
- 4選択領域がオリジナル解像度でキャプチャ。
- 5キャプチャがエディターで開く — 注釈を付けてPNG、PDFでエクスポートまたはクリップボードにコピー。
- 6Save as PNG, export as PDF, or copy to clipboard.
2
Chrome DevTools — DOMノードキャプチャ
DevToolsは「Capture node screenshot」で特定のDOM要素をキャプチャできます。先に要素を検査する必要があり、自由な視覚的選択は提供されません。
- 1要素を右クリック→検査→ノードを右クリック→「Capture node screenshot」。
- 2Chromeが要素のPNGを保存 — エディターなし、自由な視覚的選択なし。
- 3The selection captures everything visible in that screen region, including overlapping windows and OS elements.
- 4Limited editing options — no web-specific annotation tools.
3
OSツール — 領域選択
Win+Shift+S（Windows）またはCmd+Shift+4（Mac）で領域を選択できますが、ブラウザインターフェースを含む画面ピクセルをキャプチャします。
- 1Win+Shift+S（Windows）またはCmd+Shift+4（Mac）を押して領域を選択。
- 2キャプチャには画面に表示されているすべてが含まれる — ブラウザバーとシステム要素を含む。
- 3The element is saved as a PNG — useful for developers but impractical for general use.
機能比較
| 機能 | Capture Full Page | 内蔵ツール | 他の拡張機能 |
|---|---|---|---|
| 自由な視覚的選択 | はい — 長方形を描く | いいえ — DOMノードのみ | 一部 |
| ウェブコンテンツのみ | はい | はい | ほとんど |
| 内蔵エディター | はい — 完全なツール | いいえ | 一部 |
| PDFエクスポート | はい — 注釈付き | いいえ | さまざま |
| 領域精度 | ピクセルパーフェクト | DOM要素のみ | 一部 |
| DevTools不要 | はい | いいえ | はい |
| 直接PDF保存 | はい | いいえ | まれ |
よくある質問
任意の形状のエリアを選択できる？
Capture Full Page Chrome拡張機能をインストールし、アイコンをクリックして「エリアキャプチャ」を選択してください。ページの目的の領域上に四角形を描きます。
エリア選択を調整する方法は？
はい。Capture Full Pageの「エリアキャプチャ」モードを使用して、ページの任意の四角形領域を選択できます。
スクロールページでエリアキャプチャは動作する？
エリアキャプチャはキャプチャ前に領域を選択するため、オリジナル解像度でクリーンで焦点を絞った画像が得られます。フルキャプチャ後のトリミングは、まずすべてをキャプチャしてから（遅い、ファイルが大きい）切り取ることを意味します。エリアキャプチャは焦点を絞ったコンテンツにはより高速で効率的です。
動画やiframeのエリアをキャプチャできる？
はい。エリアを選択した後、キャプチャした領域はCapture Full Pageの内蔵エディターで開きます。矢印、テキスト、図形、ハイライト、ステップ番号などを追加してから、PNG、PDFとしてエクスポートするかクリップボードにコピーできます。
同時に複数のエリアをキャプチャできる？
はい。Capture Full Pageを使用して、Chromeで選択したエリアのスクリーンショットをPDFファイルとして保存できます。キャプチャ後、ツールバーのPDFボタンをクリックしてスクリーンショットをPDFドキュメントとしてエクスポートします。エディターで追加したすべての注釈 — 矢印、テキスト、ハイライト、ステップ番号 — がPDFに含まれます。