Blog · How-to

How to Take a Full-Page Screenshot in Chrome (3 Easy Ways)

Chrome can't take a full-page screenshot from a normal menu, but there are three good ways to capture an entire web page from top to bottom. Here's how each one works, and when to use it.

1. Chrome’s hidden DevTools command (free, no install)

Chrome has a full-page screenshot feature tucked inside its developer tools. You don't need to know any code to use it.

  1. Open the page you want to capture.
  2. Open DevTools: press F12, or Ctrl+Shift+I on Windows (Cmd+Option+I on Mac).
  3. Open the command menu: Ctrl+Shift+P (Cmd+Shift+P on Mac).
  4. Type screenshot and choose Capture full size screenshot.
  5. Chrome saves a PNG of the whole page to your Downloads folder.

Good for: simple pages, quick one-offs, when you can't install anything.

Watch out for: DevTools renders the page in one go at its full height, so modern sites often come out wrong. Sections that fade in as you scroll can stay invisible, lazy-loaded images may be blank, and a hero set to full screen height can stretch into a giant block. There's also no JPG option or copy-to-clipboard.

2. A full-page screenshot extension (best for real-world sites)

An extension adds a button to your toolbar so a full-page capture is one click. Most extensions scroll the page and stitch the pieces together. The catch is that stitching is where things go wrong: sticky headers get repeated down the image, and parallax sections leave gaps.

Pretty Sites is a free extension built to handle exactly those problems. Before it captures, it gets the page ready:

  • Sticky and fixed headers show up once, at the top, instead of on every slice.
  • Scroll animations, parallax, sliders and playing videos are held still so nothing is half-faded or missing.
  • Lazy-loaded images are loaded first, so there are no blank boxes.

Then you download a PNG or JPG, or copy it straight to your clipboard. Full-page and visible-area screenshots are free and unlimited, with no watermark and no account.

  1. Add Pretty Sites to Chrome.
  2. Open any page and click the little camera in your toolbar.
  3. Click Snap full page. After a short countdown you get the whole page as one image.

3. Edge and Firefox have it built in

If you have another browser installed, both of these can capture a full page without an extension:

  • Microsoft Edge: press Ctrl+Shift+S to open Web capture, then choose Capture full page.
  • Firefox: right-click the page, choose Take Screenshot, then Save full page.

They work well on simple pages but have the same trouble as other tools with sticky headers and scroll animations.

Which one should you use?

DevToolsPretty SitesEdge / Firefox
CostFreeFreeFree
Install neededNoChrome extensionAnother browser
Clicks5+23
Sticky headersUsually OKShown onceCan repeat
Scroll animationsOften missingHandledOften missing
FormatsPNGPNG, JPG, clipboardPNG / JPG

For a quick capture of a simple page, DevTools is fine. For portfolio pieces, client work or any modern site with animations, an extension built for it will save you a lot of retakes.

FAQ

Does Chrome have a full-page screenshot button?

Not in the normal menus. The only built-in option is the Capture full size screenshot command inside DevTools, described above.

Why does my full-page screenshot have the header repeated?

Most tools capture the page in slices while scrolling and stitch them together. A sticky header sits on top of every slice, so it appears again and again. Pretty Sites shows it only once. More on this in why full-page screenshots break.

Can I take a full-page screenshot on Chrome for Android or iPhone?

Chrome extensions don't run on phones. On Android, many phones offer a "scroll capture" option after you take a normal screenshot. On iPhone, Safari offers a "Full Page" tab after a screenshot that saves a PDF.

Is there a size limit?

Very long pages make very tall images. Most tools, including Chrome itself, cap the image size, so extremely long pages may be cut off or scaled down.

Keep reading