How to take a full page screenshot in Chrome

There are two reliable ways to capture an entire web page in Chrome, including everything below the fold. Chrome has a built-in command hidden in DevTools that needs no extension, and it works well for a quick, plain PNG. If you need annotation, PDF output, or a page that does anything unusual, an extension does the job in one click.

Both methods are covered below, in that order, with the limits of each stated plainly.

Method 1: Chrome's built-in DevTools command

Chrome can capture a full page on its own, with nothing installed. The command lives in the DevTools command menu, which is why most people never find it.

  1. Open the page you want to capture.
  2. Open DevTools with F12, or Ctrl+Shift+I on Windows and Linux, or Cmd+Option+I on macOS.
  3. Open the command menu with Ctrl+Shift+P, or Cmd+Shift+P on macOS.
  4. Type screenshot.
  5. Choose Capture full size screenshot.

Chrome downloads a PNG of the whole page. The same menu also offers Capture node screenshot, which captures whichever element is selected in the Elements panel, and Capture area screenshot for a drag-selected region.

Where the built-in method falls down

It is genuinely useful and it is free, so try it first. These are the cases where it stops being enough:

Method 2: capture in one click with Screencappy

Screencappy is a free extension that saves the whole page in one click and opens it straight into an editor. Everything happens on your own computer: no account, no cloud service, and no tracking. It cannot see the page you are on until you ask it to.

  1. Add it to your browser. Screencappy is on its way to the Chrome Web Store, so for now you add it yourself: download screencappy.zip and unzip it, open chrome://extensions, switch on Developer mode, click Load unpacked, and choose the folder you unzipped. There are pictures of these steps on the home page.
  2. Open the page you want to capture.
  3. Click the Screencappy button in your toolbar, or press Alt+Shift+P.
  4. The capture opens in an editor tab. Draw on it or blur things out if you want to.
  5. Save it as a PNG, JPEG, WebP or PDF, or copy it straight to your clipboard.

The same file works in Edge, Opera and Brave. There is a Firefox version too, which does the scroll and stitch capture.

How to screenshot only part of a page

Three of Screencappy's four capture modes take less than the whole page:

How to save a full page screenshot as a PDF

In the editor, choose PDF as the export format. You can produce one tall page that matches the capture, or paginate it to A4 or Letter.

If what you actually need is a PDF whose text can be selected and searched, rather than a picture of the page, right-click and choose Save as searchable PDF. That prints the live page through the Chrome DevTools Protocol into a real text PDF. It uses the debugger permission, which Screencappy declares when you install it because Chrome does not allow that one to be requested later. Chrome shows a banner across the top of the page while the capture runs.

How to capture a page that is extremely long

Very tall pages are where most screenshot tools break, because browsers cap how large a single canvas can be. Screencappy holds the composed image as strips rather than one canvas, so pages past that ceiling still render. If the result is too large for one file, the export splits into numbered files or additional PDF pages instead of failing.

For pages that load more content as you scroll, turn on auto-load in Settings. Screencappy keeps scrolling until the page stops growing, within a height and time budget, and captures what has loaded.

How to capture a page at mobile width

Right-click and choose the mobile capture option. Screencappy reflows the page to a phone-width layout using device emulation, captures the full mobile page, and leaves your actual window at its normal size. The emulated width is configurable in Settings.

Which method should you use?

If you want toUse
Grab one plain PNG and never think about it againChrome DevTools
Capture regularly, from a keyboard shortcutScreencappy
Annotate, highlight, or blur something sensitiveScreencappy
Export a PDF, paginated or searchableScreencappy
Capture a very tall page, or one with a sticky headerScreencappy
Capture a single element, an iframe, or an inner scroll panelScreencappy
Install nothing at allChrome DevTools

More detail on permissions, storage and export formats is on the FAQ. If you arrived here looking for a replacement for a paid tool, the GoFullPage alternative page has the comparison.