Product Features Guides Alternatives Security FAQ Support

How to Take a Full Page Screenshot in Chrome Without Cutting Off Content

Ever tried taking a full-page screenshot of a long website, only to find the bottom half cut off, images missing, or the fixed navigation bar repeating 20 times? Here is how to capture entire webpages perfectly.

By GoFully Engineering·Published September 2026·5 min read

TL;DR: The Two Best Methods

Method 1 (Best for Everyday & Long Pages): Use GoFully for automatic scrolling, sticky-element hiding, lazy-image loading, and instant PDF/PNG export.
Method 2 (No Extension Needed): Use Chrome's hidden DevTools shortcut (Cmd+Shift+P → "Capture full size screenshot"). Works for basic pages, but fails on infinite scroll, complex sticky headers, and heavy canvases.

Method 1: The 1-Click Extension Method (GoFully)

Modern websites use complex layouts: sticky headers that stay glued to the top of the viewport, lazy-loaded images that only trigger when scrolled into view, and animations. GoFully was designed specifically to handle these issues automatically.

Install the Extension

Add GoFully from the Chrome Web Store (it is 100% free and requires no account registration).

Open the Webpage & Click "Full Page"

Navigate to the target webpage. Click the GoFully icon in your toolbar (or use the shortcut Ctrl+Shift+F on Windows / Cmd+Shift+F on Mac).

Automatic Stitching

GoFully automatically scrolls down the page in increments, waits for lazy-loaded assets to render, hides repeating navigation banners, and stitches the viewports onto an in-memory canvas.

Review, Annotate & Export

The screenshot opens in the visual studio. You can blur confidential details, draw arrows or callouts, and save as 4K PNG or a paginated multi-page PDF.

Method 2: Using Built-in Chrome DevTools (No Extension)

If you are on a restricted machine where you cannot install extensions, Google Chrome has a native capture tool buried inside Developer Tools:

Open Chrome DevTools by pressing F12 (or Cmd+Option+I on Mac).
Press Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows) to open the Command Palette.
Type screenshot and select "Capture full size screenshot".
Chrome will render the page and download a PNG file directly to your Downloads folder.

Limitations of DevTools: Chrome DevTools bypasses lazy-loading scripts, meaning images further down the page will often appear blank. It also does not remove sticky headers, cannot paginate into PDFs, and cannot annotate or redact private data.

Why Do Full Page Screenshots Often Cut Off?

1. CSS Overflow Properties

Many modern web applications set overflow: hidden on the <body> tag and place scrolling on an internal container (like a chat feed or modal). Standard capture tools fail because the document height is artificially reported as 100vh.

2. Lazy Loaded Images

Sites like Medium, Substack, and Amazon use loading="lazy" or IntersectionObservers. Unless a tool actually simulates user scroll events with appropriate render delays, those image tags never load.

Continue Learning