Visit Website →
← Back to blog

Save a Full Page PNG in Chrome Using DevTools in Under a Minute

October 7, 2026
Save a Full Page PNG in Chrome Using DevTools in Under a Minute

The fastest reliable way to take a full page screenshot in Chrome on desktop is the built-in Developer Tools command "Capture full size screenshot," which needs no extension at all. For quick annotation and one-click sharing, a browser extension often saves time. On phones, you'll rely on your device's long-screenshot feature or Chrome's Print to PDF option instead.

TL;DR:

  • Chrome's built-in Developer Tools can reliably capture full-page screenshots on desktop without extensions, saving as a PNG directly to Downloads.
  • To use this feature, open DevTools, access the Command Menu, and select "Capture full size screenshot," ensuring there are no pop-ups or overlays that could interfere.
  • Browser extensions offer improved convenience, such as one-click capture, annotation, multiple export formats, and automated scrolling, but require cautious permission review.
  • Mobile full-page screenshots depend on device-specific tools: iOS uses the full-page option in the screenshot preview, while Android may have native long screenshot or print-to-PDF options.
  • When desktop capture fails, using Print to PDF provides a reliable fallback, especially for archiving or printing, but may split long pages across multiple sheets.
Usepinhub
Review Screenshots With More Clarity
Upload screenshots, pin comments to precise points, and invite guest reviewers without requiring accounts.
Visit Pinhub

Table of Contents

How to use Chrome DevTools for a full page screenshot

Chrome's Developer Tools include a hidden command that captures an entire web page, not just the visible portion, and saves it as a PNG straight to your Downloads folder. This works on Windows, macOS, and Linux without installing anything, which makes it the first method worth trying according to Zapier's full-page screenshot guide.

Here's the exact sequence:

  1. Open the page you want to capture, then open DevTools: press Ctrl+Shift+I or F12 on Windows and Linux, or Cmd+Option+I on macOS.
  2. Open the Command Menu with Ctrl+Shift+P on Windows and Linux, or Cmd+Shift+P on macOS.
  3. Type "screenshot" into the search box.
  4. Select "Capture full size screenshot" from the list.
  5. Check your Downloads folder for the saved PNG.

The DevTools Command Menu documentation confirms this menu also exposes node and area capture modes, which are useful when you only need part of a page rather than the whole thing.

A few things trip people up. Close any cookie banners or pop-ups before you run the command, since they'll get captured too. Keep DevTools docked to the side or bottom of the window rather than undocked into a separate window, because undocked panels can interfere with area-specific captures. Complex web apps like Google Docs sometimes render oddly in a full-page capture, since the command works best on standard, text-heavy pages.

Pro Tip: Open the saved PNG right after capture and scroll to the bottom to confirm nothing got cut off, especially on pages with lazy-loaded images or infinite scroll.

When a browser extension beats DevTools

DevTools is fast, but it's a debugging tool first, which means it skips features that everyday screenshot work often needs. An extension can be the better call when you want to mark up an image immediately, export it in more than one format, or capture a page without touching the keyboard shortcuts at all.

Common extension features worth checking for:

  • One-click capture that skips the DevTools menu entirely.
  • On-page annotation so you can draw, highlight, or add text before saving.
  • Multiple export formats, including PNG, JPEG, and PDF.
  • Delayed capture or auto-scroll, which helps with pages that load content as you scroll.

Before installing one, run a quick privacy check: look for minimal permission requests, a clear privacy policy, and recent update history in the Chrome Web Store listing. An extension that asks for access to every site you visit, with no update in over a year, is worth skipping.

A typical workflow looks like this: capture the page, annotate the parts that matter, then export or share the file directly from the extension. If you want a deeper comparison of extension options, our guide to screenshot Chrome extensions walks through feature differences in more detail, and our screenshot annotation guide covers marking up images once you've captured them.

Capturing full-page screenshots on mobile

Chrome on phones doesn't have a desktop-equivalent command, so mobile capture depends on your operating system's built-in tools, as XDA Developers notes.

On iOS, take a normal screenshot first, then tap the thumbnail preview that appears in the corner. Select "Full Page" if it's available, then save as a PDF. If you need a PNG instead, you can export or convert the PDF afterward.

On Android, the flow depends on your device and Chrome version:

  • Open the Share menu in Chrome and look for a "Long screenshot" option.
  • If Chrome doesn't offer it, check your phone's native screenshot toolbar, since many Android devices include a scrolling capture button there, as Google's Chrome Help page describes, including handles you can drag to extend the capture area.
  • If neither is available, fall back to Print to PDF from Chrome's menu.

Printing to PDF is a dependable fallback when an image capture isn't practical, confirmed by FreeCodeCamp's walkthrough. Press Ctrl+P or Cmd+P, set Destination to "Save as PDF," open More Settings, and enable Background Graphics so colors and images aren't stripped out. Then save.

Steps for saving a webpage as PDF

PDFs are great for archiving and printing since they preserve layout fidelity, but they split long pages across multiple sheets rather than producing one continuous image. If you need a single PNG or JPEG afterward, most PDF readers and online converters can flatten the pages into image files.

Troubleshooting common capture failures

When "Capture full size screenshot" doesn't work as expected, the cause is usually one of a few familiar culprits:

  • Cookie banners or overlays get baked into the image or block parts of the page.
  • Pages requiring login may render as a blank or error screen if you're not signed in.
  • Dynamic single-page apps sometimes load content only after you scroll or click, so the capture misses it, as Zapier's guide notes about triggering lazy-loaded elements first.
  • Undocked DevTools can block area and node capture commands from working correctly, according to DEV Community's writeup.

Dismiss overlays, sign in before capturing, and dock DevTools instead of floating it in a separate window. If a full-page command still fails, try an extension or the Print to PDF fallback instead. A slow or oddly behaving Chrome window can also point to a performance issue; our guide on Chrome high CPU usage covers diagnosing that separately, and restarting Chrome or updating it to the latest version resolves a surprising number of one-off glitches.

Pro Tip: If an area capture keeps failing, try the Elements panel's node-screenshot option instead of the general Command Menu capture.

When a dedicated review platform beats a folder of screenshots

Capturing the image is only step one for design teams, marketing agencies, and QA reviewers, who usually need feedback attached to specific spots on the page. A platform with pixel-anchored comments, guest reviewers who don't need accounts, and version history turns a loop of emailing files back and forth into a single shared thread. Password-protected links and expiring access add a layer of control when sharing outside your team, as covered in our guide to annotating a website for team collaboration.

Our take on capturing and sharing full-page screenshots

We find PNG works best for detailed visual review, since it preserves sharp edges and color accuracy, while PDF suits archiving or printing a reference copy. Before sharing any screenshot outside your team, take a moment to redact or crop out sensitive information like account details or personal data. If you haven't tried the DevTools method yet, it's worth testing first since it requires no installation and takes under a minute once you know the shortcut.

— Pinhub

Try Pinhub for collaborative screenshot review

Once you've captured a page, the next bottleneck is usually getting clear feedback on it, and that's where a pixel-anchored comment thread saves real time compared to a chain of emails or chat messages.

Usepinhub

We built a workspace around that exact gap:

  • Pin comments directly to specific points on a screenshot or design.
  • Enable guest reviewers to weigh in without creating an account.
  • Track version history as designs evolve through rounds of feedback.
  • Generate summaries that turn scattered comments into a clear action list.

If your review process still runs through screenshots pasted into chat threads, try Pinhub's Free plan and see how much faster a pinned comment thread moves than a back-and-forth email chain.

FAQ

How do I take a screenshot of a scrolling page?

On desktop, open Chrome DevTools with Ctrl+Shift+I or Cmd+Option+I, open the Command Menu with Ctrl+Shift+P or Cmd+Shift+P, then select "Capture full size screenshot." This captures the entire scrollable page in one PNG, not just the visible area.

How do I take a full page screenshot in Chrome using F12?

Press F12 to open DevTools on Windows or Linux, then press Ctrl+Shift+P to open the Command Menu. Type "screenshot" and choose "Capture full size screenshot" from the results, and the file saves automatically to your Downloads folder.

Why isn't "Capture full size screenshot" working in Chrome?

This usually happens because of cookie banners or pop-ups blocking the view, a page that requires login, or a dynamic app that hasn't finished loading content. Try dismissing overlays, signing in first, scrolling through the page to trigger any lazy-loaded sections, and docking DevTools instead of running it undocked.

How do I capture a whole page screenshot without DevTools?

Use your browser's Print function with Ctrl+P or Cmd+P, set the destination to "Save as PDF," and enable Background Graphics under More Settings before saving. On mobile, use your device's native long-screenshot tool on Android or the Full Page option in the iOS screenshot preview.

Sources