12 min readscreenshot

How to Take a Full-Page Screenshot of a Webpage in Chrome (2026) — Plus the PDF Method That's Actually Better

Three ways to take a full-page screenshot of any webpage in Chrome — built-in DevTools, a dedicated extension, and the PDF approach that gives you selectable text, clickable links, and searchable content.

TL;DR

Chrome has a hidden full-page screenshot tool built into DevTools — no extension needed. If you want something faster and more reliable, a dedicated extension like GoFullPage works well. But if you're taking full-page screenshots to archive, share, or cite content, a PDF is almost always the better format: selectable text, clickable links, searchable content, and much smaller file sizes. Convert: Web to PDF captures the entire scrolling page as a real PDF in one click, runs locally, and is free.

Why people take full-page screenshots

A full-page screenshot captures everything on a webpage — not just what's visible in your browser window, but everything from the top of the page to the very bottom. The result is one tall image of the entire page.

People take full-page screenshots for all sorts of reasons:

  • Archiving an article before it gets paywalled or deleted
  • Saving design inspiration from a website
  • Documenting a bug or layout issue for a developer
  • Keeping a receipt or order confirmation
  • Capturing research material, data tables, or charts
  • Creating visual evidence for legal, compliance, or moderation work

For most of these use cases, people reach for a screenshot because it's the tool they know. But for archiving, research, and citation in particular, a PDF is a dramatically better format. We'll cover both — screenshots first, then the PDF alternative that solves problems screenshots can't.

Method 1: Chrome's built-in full-page screenshot tool (DevTools)

Most people don't know this exists: Chrome has a full-page screenshot feature built into its developer tools. It takes a screenshot of the entire scrolling page, including content below the fold, without any extension.

How to take a full-page screenshot in Chrome (no extension)

  1. Open the webpage you want to screenshot.
  2. Press Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac) to open DevTools.
  3. Press Ctrl + Shift + P (Windows/Linux) or Cmd + Shift + P (Mac) to open the command palette inside DevTools.
  4. Type "full size screenshot" and press Enter.
  5. Chrome will scroll through the entire page and save a PNG of the whole thing to your Downloads folder.

That's it. No extension, no account, no upload.

When the DevTools method works — and when it doesn't

The DevTools screenshot is great for simple, static pages. It's fast, free, and produces a high-quality PNG.

But it breaks on modern sites in predictable ways:

  • Lazy-loaded images appear broken or missing. DevTools doesn't scroll the page first the way a human would, so images that only load when scrolled into view often render as placeholders.
  • Sticky headers, footers, and sidebars get duplicated. Elements that stay fixed on the screen as you scroll end up stamped across the entire long screenshot.
  • Very long pages sometimes fail silently. Sites with 20,000+ pixel heights can crash the DevTools capture or produce corrupted output.
  • Fonts sometimes fall back incorrectly when the browser doesn't fully load custom webfonts before the capture starts.

For a clean, production-quality screenshot, a dedicated extension is more reliable.

Method 2: Full-page screenshot Chrome extensions

Several Chrome extensions specialize in full-page screenshots. The best-known is GoFullPage, which has millions of installs and produces image-based output.

How a full-page screenshot extension works

  1. Install an extension like GoFullPage from the Chrome Web Store.
  2. Navigate to the page you want to screenshot.
  3. Click the extension's icon. It automatically scrolls the full length of the page, captures each section, and stitches the pieces into a single tall image.
  4. Download as PNG or JPG (or, with some extensions, as a PDF-wrapped image).

Extensions handle a few things DevTools struggles with — they scroll slowly enough to trigger lazy-loaded images, they usually detect and hide sticky elements, and they work on very long pages.

The hidden catch: "PDF" from a screenshot extension isn't really a PDF

This trips people up constantly. Most full-page screenshot extensions that claim to support "PDF output" are actually just saving the captured image inside a PDF container.

What that means in practice:

  • You cannot select or copy text from it — it's just one big image.
  • You cannot click any links in the document — they're decorative pixels.
  • You cannot search for words using Ctrl/Cmd+F inside the PDF.
  • File sizes are huge — often 5–10× larger than a real PDF of the same page.
  • Text doesn't reflow for different screen sizes or print settings.

If all you need is a visual reference, that's fine. But for anything you plan to re-use — citing in a paper, searching through later, archiving long-term, or sharing with someone who needs to interact with the content — you want a real PDF.

A full-page PDF captures the same thing a full-page screenshot does — the entire scrolling webpage from top to bottom. But it stores the content as real text and real links, not as an image of text.

Convert: Web to PDF is a free Chrome extension that produces a real PDF from any webpage in one click.

How to capture a full webpage as a PDF

  1. Install Convert: Web to PDF from the Chrome Web Store. No account, no sign-in.
  2. Open any webpage — articles, documentation, dashboards, login-protected pages, anything Chrome can display.
  3. Click the extension icon in the toolbar, or press Ctrl + Shift + P (or Cmd + Shift + P on Mac).
  4. Turn on Single Page Mode to put the entire scrolling page onto one continuous PDF sheet (no awkward page breaks).
  5. (Optional) Click Remove Elements to delete ads or cookie banners before converting. Or switch to Article Mode to strip everything except the main content.
  6. Click Convert. A preview opens. Click Download.

Why a PDF beats a long screenshot for 90% of use cases

What you needLong screenshotReal PDF
Visual reference✅ Works✅ Works
Selectable text❌ No✅ Yes
Clickable links❌ No✅ Yes
Searchable with Ctrl+F❌ No✅ Yes
Small file size❌ Often 3–10MB✅ Usually under 1MB
Can annotate, highlight⚠️ Limited (image tools only)✅ Full PDF annotation
Preserves formatting at any size❌ Pixelates when zoomed✅ Stays sharp at any zoom
Accessibility (screen readers)❌ None — it's an image✅ Real text, screen-reader friendly
Works with cite/archive tools❌ Treated as image attachment✅ Treated as document

The only case where a screenshot is genuinely better: when you specifically need to capture the exact pixel rendering of a page (for example, for a design portfolio or a bug report).

When to use which method

Use Chrome DevTools (built-in full-page screenshot) if:

  • You need a quick image of a simple static page.
  • You don't want to install anything.
  • You don't care about lazy-loaded images or sticky headers.

Use a screenshot extension (GoFullPage or similar) if:

  • You need an image, not a document.
  • You're documenting a visual bug, sending a design mockup, or archiving a page's appearance specifically for how it looks.
  • File size and text selection don't matter.

Use a webpage-to-PDF extension (recommended) if:

  • You want to keep the content long-term.
  • You need to search, copy, or cite the text later.
  • You want clickable links preserved.
  • You want a small, portable file that opens anywhere.
  • You want a clean output with ads removed.

Edge cases and advanced scenarios

How to take a long screenshot on Chrome

"Long screenshot" and "full-page screenshot" mean the same thing — a capture of the entire scrolling webpage in one tall image. Use any of the three methods above: DevTools' full-size screenshot, a dedicated extension like GoFullPage, or (better) save it as a PDF so it's searchable and sharable.

How to screenshot an entire webpage on Mac

The methods are identical on Mac — Chrome works the same cross-platform. The only keyboard shortcuts change: on Mac, DevTools opens with Cmd + Option + I and the command palette opens with Cmd + Shift + P. The extension approach is exactly the same.

How to screenshot a whole webpage that requires a login

This is where DevTools and extensions really shine over server-based tools. Because they run locally in your already-logged-in browser tab, they can capture anything you can see: webmail, internal dashboards, subscription content, banking pages. Server-based "URL to screenshot" services can't — they request the page as an unauthenticated user and get a login wall instead.

How to take a screenshot of a very long page without it breaking

Pages longer than about 20,000 pixels (that's roughly 30+ screens of scrolling) frequently break screenshot tools. The image file either corrupts, fails to save, or gets down-sampled to something unreadable. A PDF handles this gracefully — it paginates the content across multiple pages, or with Single Page Mode keeps it as one very tall PDF sheet with vector text that stays sharp regardless of length.

How to screenshot a scrolling page with sticky elements

Sticky navigation bars, floating CTAs, and cookie banners are the #1 cause of "huge empty space" or "repeated header" problems in full-page screenshots. Extensions like Convert: Web to PDF auto-detect and hide fixed/sticky elements before capture. For DevTools, you have to manually open the Elements panel and delete or restyle those elements before running the screenshot command.

Frequently asked questions

How do I take a full-page screenshot in Chrome?

You have three options. Built-in: open DevTools (Ctrl/Cmd + Shift + I), press Ctrl/Cmd + Shift + P, type "full size screenshot", press Enter. Extension: install GoFullPage or a similar full-page screenshot tool, click its icon. PDF: install Convert: Web to PDF, click the icon, turn on Single Page Mode, click Convert.

How do I take a long screenshot of a webpage?

A "long screenshot" is the same thing as a full-page screenshot — one tall capture of the entire scrolling page. Use Chrome's built-in DevTools full-size screenshot, a screenshot extension, or save the page as a PDF for a searchable version.

How do I screenshot an entire webpage without an extension?

Use Chrome's built-in DevTools. Open DevTools with Ctrl + Shift + I (or Cmd + Option + I on Mac), open the command palette with Ctrl + Shift + P (or Cmd + Shift + P), type "full size screenshot", and press Enter. Chrome captures the whole page as a PNG.

How do I screenshot a whole webpage on Mac?

Same as on Windows but with different shortcuts. Open Chrome, press Cmd + Option + I to open DevTools, then Cmd + Shift + P to open the command palette. Type "full size screenshot" and press Enter. Alternatively, use an extension — the process is identical cross-platform.

Is a PDF better than a screenshot for saving a webpage?

For archiving, research, citation, or sharing, yes. PDFs preserve selectable text, clickable links, and searchability, and are typically 3–10× smaller in file size than a long screenshot of the same page. For pure visual reference (like a design mockup or a bug report), a screenshot is fine.

Why does my full-page screenshot have missing images?

Because of lazy loading. Many modern sites only load images when they scroll into view. Chrome's DevTools screenshot doesn't scroll the page slowly enough to trigger all the images. A dedicated extension scrolls the page before capturing, so every image gets loaded first. Convert: Web to PDF does this automatically with its Load Images feature.

Why does my long screenshot have sticky headers repeated?

Because fixed/sticky elements stay on-screen while the tool scrolls, they get captured on every frame and stitched into the final image multiple times. Good extensions detect and hide sticky elements before capture; DevTools doesn't.

Can I take a full-page screenshot behind a login?

Yes. Both DevTools and local extensions work on login-protected pages because they capture whatever your browser is currently displaying. Server-based screenshot services cannot — they load the URL as an unauthenticated user.

What's the difference between GoFullPage PDF and a real PDF?

GoFullPage's PDF output is a full-page screenshot saved inside a PDF container — it looks like a PDF but behaves like an image. You cannot select text, click links, or search inside it. A real PDF (like the output of Convert: Web to PDF) stores text as text, preserves links, and is much smaller.

How long can a full-page screenshot be?

Most tools struggle past about 20,000–30,000 pixels in height. Beyond that, the image often corrupts or gets downsampled. PDFs handle arbitrary length without quality loss — either paginated across many pages or as one continuous sheet with Single Page Mode.

Summary

Full-page screenshots are the right tool for visual references — showing someone what a page looks like, documenting a bug, or archiving a design. Chrome's built-in DevTools feature handles the basics, and extensions like GoFullPage do it better on real-world pages.

But for most use cases where people reach for a long screenshot — archiving an article, saving research, capturing a receipt, citing content — a PDF is the right answer. Smaller files, selectable text, clickable links, searchable content, screen-reader accessible, and it opens on any device.

Convert: Web to PDF is the free Chrome extension that produces a real PDF from any webpage in one click. Single-page mode captures the full scrolling length. It runs entirely on your device — no uploads, no account, no watermarks.

Install Convert: Web to PDF for free →

Try our free Chrome extensions

Privacy-first tools that actually work. No paywalls, no tracking, no data collection.