How to Take Full-Page Screenshots in Chrome (2024 Guide)

Taking a full-page screenshot in Chrome is something most people need but few know how to do well. Here are the three main approaches, ranked by ease of use.

Method 1: Chrome DevTools (Built-in)

Open DevTools (F12 or Cmd+Option+I)
Open the Command Palette (Cmd+Shift+P)
Type "screenshot" and select "Capture full size screenshot"

Pros: No extension needed. Cons: No annotation tools, buried in menus, inconsistent with some layouts, no clipboard support.

Method 2: Whole Page Screenshot Extension (Recommended)

Install Whole Page Screenshot from the Chrome Web Store
Click the extension icon or press Cmd+Shift+S
Choose "Full Page" — done

Pros: One-click capture, built-in annotations (arrows, shapes, blur, text, callouts, emoji), crop tool, PDF export, copy to clipboard, everything free. Cons: Requires installing an extension.

Method 3: Third-party Tools

Tools like GoFullPage work but lock basic features (annotations, cropping, PDF export) behind paywalls. Whole Page Screenshot includes these free.

Which Should You Use?

Quick one-off capture: DevTools works fine
Regular use with annotations: Whole Page Screenshot
Need a professional-looking PDF: Whole Page Screenshot (paper sizes, margins, page numbers, custom header on every page)