Capture Full PageCapture Full PageAdd to Chrome

How to Capture a Selected Area in Chrome

Area selection allows you to capture a specific rectangular region of a webpage without including browser chrome or OS interface elements. Use the "Capture Area" mode to draw a selection rectangle over any part of a webpage and capture only that region. The cropped screenshot opens instantly in the built-in editor for annotation and export. Need the entire page instead? Use full page screenshot mode. For just the visible viewport, try screen capture. For a comparison of all screenshot methods, see our guide to taking screenshots in Chrome.

3 Ways to Get It Done

1

Method 1: Capture Full Page — Area Selection Mode

The "Capture Area" mode lets you draw a selection rectangle over any part of the page. It allows you to take a precise area screenshot directly on a webpage. Only the selected region is captured — perfect for focusing on specific content. This is the most precise way to capture part of a webpage without including browser toolbars or other screen elements.

  1. 1Install Capture Full Page from the Chrome Web Store.
  2. 2Click the extension icon and select "Capture Area."
  3. 3A crosshair cursor appears — click and drag to select the rectangular area you want to capture.
  4. 4Release the mouse button to capture the selected region.
  5. 5The cropped screenshot opens in the editor — add annotations, arrows, text, or highlights.
  6. 6Save as PNG, export as PDF, or copy to clipboard.
2

Method 2: OS Built-in Area Selection

Windows and macOS offer area selection tools, but they capture everything on screen — including browser chrome and other windows. Built-in tools capture screen content, not just webpage content.

  1. 1On Windows: press Win+Shift+S and drag to select an area.
  2. 2On Mac: press Cmd+Shift+4 and drag to select an area.
  3. 3The selection captures everything visible in that screen region, including overlapping windows and OS elements.
  4. 4Limited editing options — no web-specific annotation tools.
3

Method 3: Chrome DevTools Element Screenshot

DevTools can capture a specific DOM element, but requires knowing CSS selectors and navigating developer tools. This method is useful for developers but not practical for general users.

  1. 1Open DevTools (F12), select the element with the inspector tool.
  2. 2Right-click the element in the Elements panel and choose "Capture node screenshot."
  3. 3The element is saved as a PNG — useful for developers but impractical for general use.

Feature Comparison

FeatureCapture Full PageBuilt-in ToolsOther Extensions
Custom area selectionYes — draw rectangle on pageYes — but captures screen, not pageSome
Captures web content onlyYesNo — includes all screen contentSome
Built-in editor after captureYesBasicSome (paid)
Export formatsPNG, PDF, ClipboardPNG onlyVaries
Precision selectionPixel-perfect on pageScreen-levelVaries
Works directly on webpageYesNoSome
No usage limitsYesYesOften limited

Frequently Asked Questions

How do I capture part of a webpage in Chrome?
Install the Capture Full Page Chrome extension, click the icon, and select "Capture Area." A crosshair cursor appears — click and drag to draw a rectangle over the part of the webpage you want to capture. Only the selected region is captured. The screenshot opens in the built-in editor where you can annotate with arrows, text, highlights, and step numbers, then export as PNG, PDF, or copy to clipboard.
Can I capture just a section of a web page?
Yes. Use Capture Full Page's "Capture Area" mode to draw a rectangle over any part of the page. Only the selected region is captured. This is perfect for grabbing specific charts, images, text blocks, or UI components without capturing the entire page.
What's the difference between area capture and cropping a screenshot?
Area capture selects the region before capturing, resulting in a clean, focused image at the original resolution. Cropping after a full capture means you first capture everything (slower, larger file) and then cut it down. Area capture is faster and more efficient for focused content.
Can I annotate the captured area?
Yes. After selecting an area, the captured region opens in Capture Full Page's built-in editor. You can add arrows, text, shapes, highlights, step numbers, and more — then export as PNG, PDF, or copy to clipboard.
Can I save a selected area screenshot as PDF?
Yes. You can save a selected area screenshot as a PDF file in Chrome using Capture Full Page. After capturing, click the PDF button in the toolbar to export the screenshot as a PDF document. All annotations you add in the editor — arrows, text, highlights, step numbers — are included in the PDF. The file is generated locally and saved to your Downloads folder.

Select, Capture, and Annotate Any Area in Chrome

Draw a selection over any part of a web page, annotate it with built-in tools, and export instantly.

Add to Chrome

Related Guides

Take a Screenshot in Chrome

Compare 3 ways to take a screenshot in Chrome — extension, DevTools, and OS tools.

Full Page Screenshot in Chrome

One-click full page capture with auto-scroll, sticky element handling, and built-in editor.

Capture Screen in Chrome

Instantly capture the visible screen in Chrome, then annotate and export.

Scrolling Screenshot in Chrome

Capture entire long web pages with automatic scrolling, sticky element handling, and lazy-load support.

Screenshot Editor for Chrome

Built-in screenshot editor with arrows, text, shapes, highlighter, step numbering, and PDF export.

Annotate Screenshots in Chrome

Add arrows, text, highlights, and numbered steps to screenshots directly in Chrome.

View All Guides