Chromeエリアキャプチャ, 選択してトリミング
エリア選択を使うと、ブラウザインターフェースやOS要素を含まずにウェブページの特定の長方形領域をキャプチャできます。「エリアキャプチャ」モードを使用して、ウェブページの任意の部分に選択長方形を描き、その領域のみをキャプチャします。切り取られたスクリーンショットは注釈とエクスポートのために内蔵エディターで即座に開きます。ページ全体が必要ですか?ページ全体スクリーンショットモードを使用してください。表示ビューポートだけなら画面キャプチャをお試しください。すべてのスクリーンショット方法の比較はChromeスクリーンショットガイドをご覧ください。
今すぐ試す: ワンクリック、登録不要。
Chromeに追加3つの方法
1
方法1:Capture Full Page, エリア選択モード
「エリアキャプチャ」モードでは、ページの任意の部分に選択長方形を描けます。ウェブページ上で直接、正確なエリアスクリーンショットを撮ることができます。選択した領域のみがキャプチャされるため、特定のコンテンツに集中するのに最適です。ブラウザのツールバーやその他の画面要素を含めずに、ウェブページの一部をキャプチャする最も正確な方法です。
- 1Chrome ウェブストアからCapture Full Pageをインストール。
- 2拡張機能アイコンをクリックし「エリアキャプチャ」を選択。
- 3十字カーソルが表示される, クリックしてドラッグしキャプチャしたい長方形領域を選択。
- 4マウスボタンを離して選択した領域をキャプチャ。
- 5切り取られたスクリーンショットがエディターで開く, 注釈、矢印、テキスト、ハイライトを追加。
- 6PNGで保存、PDFでエクスポート、またはクリップボードにコピー。
2
方法2:OS内蔵の領域選択
WindowsとmacOSには領域選択ツールがありますが、ブラウザクロムや他のウィンドウを含め、画面上のすべてをキャプチャします。内蔵ツールはウェブページのコンテンツだけでなく画面のコンテンツをキャプチャします。
- 1Windows:Win+Shift+Sを押してドラッグし領域を選択。
- 2Mac:Cmd+Shift+4を押してドラッグし領域を選択。
- 3選択範囲は、重なり合うウィンドウやOS要素を含め、その画面領域に表示されているすべてをキャプチャ。
- 4編集オプションが限定的, ウェブ専用の注釈ツールなし。
3
方法3:Chrome DevTools要素スクリーンショット
DevToolsは特定のDOM要素をキャプチャできますが、CSSセレクターの知識と開発者ツールの操作が必要です。この方法は開発者には便利ですが、一般ユーザーには実用的ではありません。
- 1DevTools(F12)を開き、インスペクターツールで要素を選択。
- 2要素パネルで要素を右クリックし「Capture node screenshot」を選択。
- 3要素がPNGとして保存, 開発者には便利だが一般的な用途には非実用的。
機能比較
| 機能 | Capture Full Page | 内蔵ツール | 他の拡張機能 |
|---|---|---|---|
| カスタム領域選択 | はい, ページ上に長方形を描く | はい, ただしページではなく画面をキャプチャ | 一部 |
| ウェブコンテンツのみキャプチャ | はい | いいえ, 画面のすべてを含む | 一部 |
| キャプチャ後の内蔵エディター | はい | 基本 | 一部(有料) |
| エクスポート形式 | PNG、PDF、クリップボード | PNGのみ | さまざま |
| 選択精度 | ページ上でピクセルパーフェクト | 画面レベル | さまざま |
| ウェブページ上で直接動作 | はい | いいえ | 一部 |
| 使用制限なし | はい | はい | 制限が多い |
よくある質問
Chromeでウェブページの一部をキャプチャするには?
Capture Full Page Chrome拡張機能をインストールし、アイコンをクリックして「エリアキャプチャ」を選択してください。十字カーソルが表示されるので、クリックしてドラッグし、キャプチャしたいウェブページの部分に長方形を描きます。選択した領域のみがキャプチャされます。スクリーンショットは内蔵エディターで開き、矢印、テキスト、ハイライト、ステップ番号で注釈を付けてから、PNG、PDFとしてエクスポートするかクリップボードにコピーできます。
ウェブページの一部分だけをキャプチャできる?
はい。Capture Full Pageの「エリアキャプチャ」モードを使用して、ページの任意の部分に長方形を描いてください。選択した領域のみがキャプチャされます。ページ全体をキャプチャせずに、特定のチャート、画像、テキストブロック、UIコンポーネントを取得するのに最適です。
エリアキャプチャとスクリーンショットのトリミングの違いは?
エリアキャプチャはキャプチャ前に領域を選択するため、オリジナル解像度でクリーンで焦点を絞った画像が得られます。フルキャプチャ後のトリミングは、まずすべてをキャプチャしてから(遅い、ファイルが大きい)切り取ることを意味します。エリアキャプチャは焦点を絞ったコンテンツにはより高速で効率的です。先にキャプチャしてから後でトリミングしたい場合は、内蔵エディターに切り抜きツールもあります。
キャプチャしたエリアに注釈を付けられる?
はい。エリアを選択した後、キャプチャした領域はCapture Full Pageの内蔵エディターで開きます。矢印、テキスト、図形、ハイライト、ステップ番号などを追加してから、PNG、PDFとしてエクスポートするかクリップボードにコピーできます。
選択したエリアのスクリーンショットをPDFとして保存できる?
はい。Capture Full Pageを使用して、Chromeで選択したエリアのスクリーンショットをPDFファイルとして保存できます。キャプチャ後、ツールバーのPDFボタンをクリックしてスクリーンショットをPDFドキュメントとしてエクスポートします。エディターで追加したすべての注釈, 矢印、テキスト、ハイライト、ステップ番号, がPDFに含まれます。ファイルはローカルで生成されダウンロードフォルダに保存されます。
関連ガイド
Chromeでスクリーンショットを撮る
Chromeのすべてのスクリーンショット方法の完全ガイド。
Chromeページ全体スクリーンショット
自動スクロール、固定要素処理、内蔵エディターでワンクリック全ページキャプチャ。
Chrome画面キャプチャ
内蔵エディターで表示画面を即座にスクリーンショット。
Chromeスクロールスクリーンショット
自動スクロールとセクション連結で長いページ全体をキャプチャ。
Chromeスクリーンショットエディター
ブラウザで直接、矢印・テキスト・図形・蛍光ペンでスクリーンショットを編集。
スクリーンショットをPDF保存
レイアウトと注釈を保持してスクリーンショットをPDFにエクスポート。