Docs Install for Chrome

How-to guide

How to screenshot part of a web page in Chrome

Chrome DevTools has a Capture area screenshot command. With TabCmdr, press ⌘K, type screenshot area, press Enter and drag a box over the part you want.

Quick answer

Capture an area in three steps

  1. ⌘K

    Step 1

    Open the palette

    Ctrl+K on Windows and Linux, on the page you want.

  2. screenshot area

    Step 2

    Type screenshot area

    Pick the copy or the download command.

  3. ↵

    Step 3

    Press Enter, then drag

    Draw a box over the part you want and let go.

Chrome's way

Chrome’s built-in area screenshot

Chrome’s developer tools can capture an area of the page:

  1. Open DevTools. Press F12 or Ctrl+Shift+J on Windows and Linux, or ⌘+Option+I on a Mac.
  2. Open the Command Menu with Ctrl+Shift+P, or ⌘+Shift+P on a Mac.
  3. Type screenshot and choose Capture area screenshot.
  4. Drag to select the part of the page you want.

Area capture doesn’t work when DevTools is undocked from the window.

Sources: Google’s Chrome DevTools Command Menu page and Chrome keyboard shortcuts, checked in October 2026.

TabCmdr's way

Capture an area with TabCmdr

TabCmdr is a keyboard launcher that lives in your browser. Its Screenshot Area commands let you draw a box on the page and copy or save just that part, without opening DevTools.

Before you start: add TabCmdr from the Chrome Web Store. It has a 7-day free trial and needs no account.

Step 1: Open the palette and type screenshot area

Press ⌘+K on a Mac or Ctrl+K on Windows and Linux. Typing screenshot area shows two commands: Screenshot Area - Copy to Clipboard and Screenshot Area - Download as PNG.

TabCmdr palette with screenshot area typed, showing the Copy to Clipboard and Download as PNG area commands
Pick whether the area goes to your clipboard or into a PNG file.

Step 2: Press Enter and drag a box

The palette closes, the page dims and the cursor turns into a crosshair. Press the mouse button at one corner of the area and drag to the opposite corner. A label above the box shows its size in pixels.

A web page dimmed behind a purple selection box around one card, with a label reading 648 × 408
The label shows the size the image will have, here 648 × 408 pixels.

Press Esc at any point to cancel without capturing anything.

Step 3: Let go of the mouse

TabCmdr removes the box and the dimming, then captures the area. The copy command puts it on your clipboard and shows Area copied at the bottom of the page. The download command saves a PNG whose name starts with screenshot-area- and ends with the date and time, and shows Area screenshot saved.

The saved area screenshot: one card from the page with its icon, heading and text, without the dimming or the selection box
The saved PNG holds only the card that was inside the box.

The box has to fit inside the visible part of the page. To capture everything, top to bottom, use the Full Page Screenshot commands instead.

If copying fails, the message reads Copy failed - try download, so run the download command instead. If a message reads To capture, open TabCmdr from its toolbar icon or browser shortcut, open the palette that way and try again.

Capture just what’s on screen

Type :ss to open TabCmdr’s screenshot menu. Screenshot - Copy to Clipboard and Screenshot - Download as PNG capture the visible part of the tab in one step, with no box to draw. They confirm with Screenshot copied or Screenshot saved, and their downloads are named screenshot- followed by the date and time.

TabCmdr screenshot menu opened with :ss, listing Screenshot, Screenshot Area and Full Page Screenshot, each with Copy to Clipboard and Download as PNG
:ss lists every screenshot command with a line on what it captures.

The screenshots feature page covers the rest.

Try it on your own tabs

Works in Chrome, Edge, Brave, Arc, Vivaldi and Opera.

Install for Chrome

FAQ

Questions about area screenshots

More in the documentation.

How do I screenshot part of a page in Chrome?

In DevTools, open the Command Menu with Ctrl+Shift+P (⌘+Shift+P on a Mac), type screenshot, choose Capture area screenshot and drag over the part you want. With TabCmdr, press ⌘K or Ctrl+K, type screenshot area, press Enter and drag a box.

How big is the saved image?

The label above the box shows its size in pixels while you drag, and the saved image has the same size. On a high-resolution display that’s twice the size of the box on screen.

Can I select more than what's on screen?

No. The area has to be inside the visible part of the page. For a whole page, use the Full Page Screenshot commands instead.

How do I cancel?

Press Esc before you let go of the mouse. A box only a few pixels wide is also ignored, so a stray click captures nothing.

Is the dark overlay in the screenshot?

No. TabCmdr removes the overlay and the box before it captures the area, so the image shows the page as it is.

See all 32 features

See all how-to guides

One shortcut for your whole browser. Stop hunting for tabs.

Install for Chrome

Free for 7 days Then $3.99 / y No account