ThinkFlow

How-to

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

Capture a whole scrolling web page in Chrome with the built-in DevTools command, learn where it falls short, and see a one-click option that also lets you edit.

By ThinkFlow · · 5 min read

Why a normal screenshot only gets half the page

Press Print Screen or use your operating system's snipping tool and you get exactly what is visible in the window. For a long article, a landing page or a design review, that is only a slice. Taking several screenshots and stitching them together by hand is slow and the joins rarely line up.

Chrome can capture a whole page from top to bottom, but the option is tucked away inside DevTools. Here is how to use it, what to watch out for, and when an extension is the easier route.

How to take a full page screenshot with Chrome DevTools

This works in Chrome and other Chromium browsers with nothing to install.

  • Open the page you want to capture and scroll through it once, so lazy-loaded images have a chance to load.
  • Open DevTools with Ctrl+Shift+I on Windows and Linux, or Cmd+Option+I on a Mac.
  • Open the Command Menu with Ctrl+Shift+P, or Cmd+Shift+P on a Mac. Make sure the DevTools panel has focus, otherwise the shortcut goes to the page.
  • Type screenshot and choose Capture full size screenshot.
  • Chrome saves a PNG of the whole page to your Downloads folder.

Other screenshot commands in DevTools

The same Command Menu has a few related options. Capture screenshot saves just the visible viewport. Capture area screenshot lets you drag a rectangle. Capture node screenshot saves a single element: select it in the Elements panel first, then run the command. If you want the page at a specific screen size, turn on the device toolbar (Ctrl+Shift+M with DevTools open), pick a device or width, and run Capture full size screenshot from there. The official Chrome DevTools documentation covers these in more detail.

Where the built-in method falls short

Capture full size screenshot is a good tool and for many pages it is all you need. It does have limits worth knowing about, so you are not surprised by the result.

  • Some pages don't render as expected. Content that loads as you scroll may be missing, and layouts sized to the window height can stretch or repeat in odd ways.
  • Pages that scroll inside a container rather than the main window, common in web apps and dashboards, often come out as just the visible part.
  • Fixed headers, cookie banners and chat bubbles are captured as they appear, so pop-ups can cover the content you wanted.
  • There is no editor. To crop, point something out or blur private details, you need to open the PNG in another program.
  • It is several steps every time, and it is not obvious to colleagues who don't use DevTools.

How to take a full page screenshot with PageFuse

We built PageFuse to make full page capture one click and to put the editing step in the same place. It is a free Chrome extension. When you capture a full page, it scrolls viewport by viewport, waits for lazy images to load, and stitches every frame into one high-resolution image. Fixed and sticky bars are shown once, where they belong, instead of repeating down the capture.

  • Click the PageFuse icon in the toolbar.
  • Choose Capture Full Page. You can also pick Visible Area, or Select Element to hover and capture one element with its exact dimensions.
  • Optionally turn on Clean capture to hide cookie banners, chat bubbles and floating buttons while capturing. They are put back afterwards.
  • Watch progress in the popup while PageFuse scrolls and stitches. Your page is restored as it was.
  • The preview opens automatically. Download it, copy it, or open the editor.

Annotate, blur and export your screenshot

A full page screenshot is often the start of a bug report, a design review or a client update, so it usually needs a few marks. The PageFuse editor has crop, rectangles, circles, arrows, freehand, text, highlights, blur, pixelate and numbered markers, with undo and redo. Blur and pixelate are useful for hiding email addresses, customer names or anything else you should not share.

You can export as PNG, JPG, WebP or a printable PDF, copy the image to your clipboard, print it, add the page URL and capture date, or frame it in a Mac or Windows style browser window. There is no watermark.

Very long pages run into a Chrome limit on how big a single image can be. PageFuse first lowers the resolution only as much as needed to keep the page in one image, and only splits extremely long pages into numbered parts. Chrome also does not allow extensions on protected pages such as chrome:// pages and the Chrome Web Store, and PageFuse tells you when that is the case.

Do your screenshots get uploaded?

Screenshots of internal dashboards or customer records are sensitive, so it is a fair question to ask of any screenshot tool. PageFuse has no backend: capturing, stitching, editing and exporting all happen in your browser, and recent captures are kept in local storage on your computer. There is no account and no analytics. The PageFuse privacy policy has the full details.

If you capture a lot of screenshots outside the browser too, our guide on how to organize screenshots on Windows may help.

Try it

PageFuse is live on the Chrome Web Store and free, with no account and no watermark. Add PageFuse to Chrome, open any long page and click Capture Full Page.

More guides