Blog

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

· 7 min read · by the ProFigma team

Knowing how to take a full page screenshot in Chrome saves you from stitching shots together by hand, because Chrome only captures what fits on your screen and a long page becomes five or six images. This guide shows three ways: the built-in DevTools command, print to PDF and a browser extension. Each section explains where the method works well and where it breaks down.

Quick answer

The fastest way without installing anything is the DevTools command menu. Press F12 (or Ctrl + Shift + I), then Ctrl + Shift + P (Cmd + Shift + P on Mac), type "screenshot" and choose Capture full size screenshot. Chrome saves a PNG of the whole page.

Key takeaways

  • DevTools is free and built in, and handles most normal pages.
  • Print to PDF is good for articles but changes the layout.
  • An extension helps with sticky headers, lazy-loaded images and scrolling panels inside a page.
  • Very long pages can hit browser image-height limits, so capture in sections if needed.
  • Compress huge screenshots before emailing or uploading them.

Comparison of the three methods

MethodSetupOutputBest forWeak spot
DevTools commandNonePNGQuick captures of normal pagesCannot capture scrolling panels inside a page
Print to PDFNonePDFArticles and documentsLayout is rearranged for print
ExtensionInstall oncePNG, PDF or clipboardComplex pages, annotation, repeat useNeeds an install and trust in the developer

Method 1: DevTools full size screenshot (free, no extension)

  1. Open the page and scroll to the top.
  2. Press F12, or Ctrl + Shift + I (Cmd + Option + I on Mac), to open DevTools.
  3. Press Ctrl + Shift + P (Cmd + Shift + P on Mac) to open the command menu.
  4. Type "screenshot".
  5. Choose Capture full size screenshot and wait for the file to download.

Other options in the same menu include Capture screenshot (visible area) and Capture node screenshot, which captures a selected element.

Where it works well

It is quick, free and produces a single PNG. It is a good choice for static pages, landing pages and most blog posts.

Where it breaks down

  • It captures the page, not the scrolling panels inside it, such as a chat thread or a table with its own scrollbar.
  • Lazy-loaded images may show as blank because they load only when scrolled into view.
  • Very tall pages may fail or be cut off because browsers limit image height.
  • Some sites with fixed elements or unusual layouts render oddly.

To reduce blank images, scroll slowly to the bottom of the page first so everything loads, then scroll back up and capture.

Method 2: Print to PDF

  1. Press Ctrl + P (Cmd + P on Mac).
  2. Set Destination to Save as PDF.
  3. Under More settings, set margins to None and tick Background graphics if you want colors.
  4. Click Save.

This is useful for saving an article or receipt where selectable text matters. The PDF keeps text searchable and works well for archiving.

The limit is that Chrome applies the page's print styles, so navigation bars and other elements may vanish and the layout may reflow. You get a document, not a picture of what you saw on screen. It also splits into pages, which is not what you want for a design reference.

Method 3: A browser extension

An extension scrolls the page for you, stitches the frames together and often provides extras such as annotation and export options. This is the most reliable method for complex pages and for people who capture screens often.

The Full Page Screenshot Chrome extension from ProFigma has three capture modes, a built-in editor for annotating and blurring, and PNG, PDF and clipboard export. It includes a container mode, where you pick a scrolling chat thread, table or sidebar and capture its full inner height instead of the page around it. Sticky and fixed elements are hidden before each frame so a header does not repeat down the image. It has 15 free captures before Pro is needed, with no account required.

Whichever extension you choose, check what permissions it asks for and where your images are processed, since screenshots can contain private information.

Why does my screenshot repeat the header or show blank images?

Two problems cause most complaints. A scroll-and-stitch tool can capture a sticky header on every frame, so a good tool hides fixed and sticky elements before each shot. And lazy-loaded images show up blank when the tool captures before they load; scrolling to the bottom first fixes this, or use a tool that scrolls for you.

Full page screenshots on Windows without Chrome

If you need a screenshot of something other than a web page, Windows has its own tools. The Snipping Tool (Win + Shift + S) captures selected areas of the screen, which is great for apps and windows but only captures what is visible at that moment.

If you take many screenshots and paste them into chats, documents or AI tools, a clipboard dock helps. ClipDock screenshot tool for Windows keeps screenshots in a dock, groups screenshots taken close together into stacks and lets you drag them into other apps. It is a complement to Chrome methods, not a replacement for a full page capture of a website.

How to shrink a very tall screenshot for email or upload

A full page capture can be several megabytes, which causes trouble with email limits and upload forms. Try these steps.

  1. Run the PNG through an image compressor for large screenshots to reduce file size.
  2. If the screenshot is mostly photos, consider converting to JPG, which is usually smaller than PNG for photographic content.
  3. For extremely long pages, split the capture into two or three sections instead of one tall image.
  4. If text must stay selectable, share a PDF instead.

Which method should you use?

  • Need a quick image of a normal page: use DevTools.
  • Need a readable document with real text: use print to PDF.
  • Need scrolling panels, annotation or frequent captures: use an extension.
  • Need to send many images to chat tools: add a clipboard manager.

Conclusion

You already have a free way to take a full page screenshot in Chrome: DevTools, a few keystrokes away. When the page is complicated or you capture often, print to PDF and extensions fill the gaps. Match the method to the job and compress the result before sharing.

If you want a one-click option that also annotates and exports, try the Full Page Screenshot Chrome extension and use your free captures on a real page.

FAQ

Can Chrome take a full page screenshot without an extension?

Yes. Open DevTools, press Ctrl + Shift + P (Cmd + Shift + P on Mac), type screenshot and choose Capture full size screenshot. It works for most pages but cannot handle scrolling panels inside a page.

Why does my full page screenshot repeat the header?

Tools that scroll and stitch can capture a sticky header on every frame. A good capture tool hides fixed and sticky elements before each frame so the header appears once or not at all.

Why are some images blank in my screenshot?

Lazy-loaded images only load as you scroll. Scroll slowly to the bottom of the page first, or use a tool that scrolls for you, so every image loads before the capture.

How do I screenshot a scrolling box inside a page?

Standard methods capture the page, not the inner panel. A tool with a scroll container mode lets you pick the chat thread or table and capture its full internal height.

Is there a length limit on a full page screenshot?

Yes. Browsers limit the maximum image height, so very long pages can fail or be cut off. Capture in sections or export to PDF if the page is extremely long.