1. Home
  2. Guides

How to take a full page screenshot in Chrome

Short answer: press F12, then Cmd/Ctrl+Shift+P, type “screenshot” and choose Capture full size screenshot; a PNG of the whole page lands in Downloads. For Gmail, Notion, dashboards or a page you need to annotate, a free extension such as FullPage Capture does it in one click. Tested on Chrome, September 2026.

Chrome can screenshot an entire web page without any extension, and for a plain article that is all you need. Web apps, sticky headers, images that load as you scroll and very long pages are where the built-in command gives up, and that is what the other two methods are for. This guide gives the exact steps for all three and says which to use when.

Updated September 27, 2026By the FullPage Capture team, the people who build the extension

The quick answer

A simple page, once in a while: press F12, then Cmd/Ctrl+Shift+P, type “screenshot” and choose Capture full size screenshot. A PNG lands in Downloads.

Anything else, a Gmail thread, a dashboard, a page with a sticky header, something you need to annotate or turn into a PDF: install a full page screenshot extension and click once. FullPage Capture is the one we make; it is free and nothing leaves the browser.

Method 1: the built-in DevTools command

Every desktop Chrome has this, hidden in the developer tools. It works on Windows, macOS, Linux and ChromeOS.

  1. Open DevToolsPress F12, or Cmd+Option+I on a Mac and Ctrl+Shift+I on Windows and Linux. Any panel will do.
  2. Open the command menuPress Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows, Linux). A search box appears at the top of DevTools.
  3. Run "Capture full size screenshot"Type "screenshot" and pick Capture full size screenshot. Chrome scrolls the page internally and saves a PNG of the whole page to your Downloads folder. The same menu has Capture screenshot (the visible part), Capture node screenshot (one element you have selected in the Elements panel) and Capture area screenshot.

Tip: the same command is in the device toolbar. Press Cmd/Ctrl+Shift+M to open it, pick a phone or a custom width, then choose Capture full size screenshot from its three-dot menu. That is the quickest way to get a full page screenshot of the mobile layout of a site.

Where it stops. The command captures the page element, once, as it is at that moment. So:

  • A fixed header, cookie bar or chat bubble appears on every screen's worth of the image, or sits on top of the text.
  • Images that load as you scroll are often missing, because nothing scrolled. Scrolling to the bottom by hand first helps, but not always.
  • A page that scrolls inside a panel rather than as a whole (Gmail, Notion, Slack, most admin dashboards) comes out one screen tall, with the panel cut off.
  • Very long pages can come out blank or cut, and there is no warning.
  • There is no copy to clipboard, no editor, no PDF, no history. You get a file.

Method 2: a full page screenshot extension

An extension does the scrolling in your tab, screen by screen, and stitches the result, which is what lets it deal with the cases above. There are several in the Chrome Web Store; the steps below are for FullPage Capture, which we make, and they are much the same for the others.

  1. Install FullPage CaptureFrom the Chrome Web Store, or from Edge Add-ons in Edge. Free, no account, no watermark.
  2. Click the icon, or press the shortcutAlt+Shift+K by default. The page scrolls and captures itself: sticky headers are photographed once and hidden while the rest scrolls past; images that load on scroll are given time to appear; a panel that scrolls inside the page is unrolled on its own.
  3. Use the resultA result tab opens with the whole page as one image. Copy it to the clipboard, open the editor to add arrows and text, blur what is private or crop to size, or save it as PNG, JPEG or a PDF with page breaks between lines.

Try it on this page. Free, no account, nothing is uploaded.

Add to Chrome

What changes compared with DevTools.

DevTools: Capture full size screenshotFullPage Capture
How you start itF12, Cmd/Ctrl+Shift+P, type the commandOne click, or Alt+Shift+K
Sticky headers onceNoYes
Images that load on scrollOften missingWaited for
Panels that scroll inside the pageNoYes
Embedded frames and PDF filesNoYes
Very long pagesMay come out blank or cutNumbered parts beyond 28,800 px
Copy to clipboardNoYes
Annotate, blur, cropNoYesSaving an edited capture is Pro
PDF with page breaks and clickable linksNoYes
Nothing to installYesNoFree, no account

Method 3: Print to PDF, when you need a document

If the goal is a file to send or archive rather than an image, Chrome's Print (Cmd/Ctrl+P) with Save as PDF as the destination is the built-in route. Know what you get: Chrome re-flows the page with the site's print stylesheet, so it rarely looks like the screen, backgrounds and dark themes usually vanish, lines of text are cut between pages, and anything that scrolls inside a panel is printed only as far as it was scrolled. Links do stay clickable and the text is selectable.

The extension's PDF export starts from the screenshot instead: one long page, or Letter, Legal and A4 with page breaks that fall between lines, and links that still work. The save a webpage as PDF page has the details and a side-by-side table.

The cases that break simple methods

  • Gmail, Notion, Trello, dashboards. The page does not scroll; a panel inside it does. Use the extension: it captures the whole window once (sidebar and header included) and then unrolls only the panel.
  • Infinite scroll (a social feed, a chat). There is no bottom. Scroll until you have what you need, then capture; the extension captures what is loaded at that point.
  • Sticky headers and cookie banners. Dismiss the banner first, then capture with the extension, which keeps the header once. In DevTools, delete the header node in the Elements panel before running the command.
  • Very long pages. Chrome's canvas stops at 28,800 pixels per side. Above that the extension saves numbered parts; DevTools may save nothing.
  • A page behind a login or on an intranet. Both methods work, because both run in your tab. Online services do not.
  • One element only (a table, a chart). In DevTools, select the element and use Capture node screenshot. With the extension, capture and crop to exact pixel sizes in the editor.
  • The mobile layout. DevTools' device toolbar, as above; or resize the window narrow and capture with the extension.
  • A PDF open in Chrome. Extension only: it renders every page of the file into one image.
  • High resolution. Both capture at your screen's pixel density (2x on a Retina display). Zoom the page in before capturing to get more pixels per element.

Windows, Mac and Chromebook

Nothing above depends on the operating system: DevTools and extensions behave the same in Chrome everywhere. What differs is the system's own screenshot tool, and none of them captures more than the screen: Snipping Tool and Print Screen on Windows, Shift+Cmd+3 and 4 on a Mac, Ctrl+Show windows on a Chromebook. Microsoft Edge is the one desktop browser with a full page option built into its screenshot tool; see full page screenshot in Edge. On an iPhone or Android phone the feature is built into the system screenshot instead, and extensions do not run there.

Questions

What is the keyboard shortcut for a full page screenshot in Chrome?

Chrome has none of its own; the built-in way goes through DevTools' command menu (F12, then Cmd/Ctrl+Shift+P, then "Capture full size screenshot"). With FullPage Capture installed the shortcut is Alt+Shift+K, and you can change it at chrome://extensions/shortcuts.

Why is my full page screenshot missing images or showing grey boxes?

The page loads images as you scroll, and the built-in command photographs the page before they arrive. Scroll to the bottom of the page once before running the command, or use the extension, which waits for each screen to finish loading before it captures it. A slow page can be given extra time in the extension's options.

Why does the header repeat on every screen?

A header that stays fixed while you scroll is photographed on every screen by tools that glue screens together. The extension captures it once, at the top, and hides it for the rest of the capture. With DevTools there is no fix except hiding the header yourself in the Elements panel first.

Why is the screenshot cut off, or shorter than the page?

Usually because the page itself does not scroll: a panel inside it does (Gmail, Notion, Trello, most dashboards). The built-in command captures the page element and gets one screen of the panel. The extension finds the real scroller and unrolls that. The other cause is a very long page that exceeds Chrome's canvas limit; the extension then saves numbered parts.

Can I take a full page screenshot of a page that needs a login?

Yes, with either method, because both run inside your own tab where you are already signed in. Online "URL to screenshot" services cannot, because their server is not signed in as you.

Can I screenshot a whole PDF that is open in Chrome?

Not with the DevTools command, which does not work in Chrome's PDF viewer. The extension renders the file itself and captures every page in one image.

How do I take a full page screenshot in Chrome on a Chromebook?

The same two ways: DevTools' Capture full size screenshot, or the extension. The Chromebook shortcut Ctrl+Show windows captures the screen only.

Is a full page screenshot the same as a scrolling screenshot?

Yes. Scrolling screenshot, long screenshot and full page screenshot all mean one image of a page taller than the screen. Phones say scrolling or long; desktop tools say full page. Scrolling screenshots in Chrome

Try it on the page you are reading. Free, no account, no watermark. Nothing is uploaded.

Add to Chrome

Related