How to Take Full-Page Screenshots in Chrome (2024 Guide)
December 15, 2024·5 min read
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: Screenshot Pro Extension (Recommended)
- Install Screenshot Pro 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), crop tool, export to PNG/JPG/clipboard, visual comparison (Pro). Cons: Requires installing an extension.
Method 3: Third-party Tools
Tools like GoFullPage work but lock basic features (annotations, cropping) behind paywalls. Screenshot Pro includes these free.
Which Should You Use?
- Quick one-off capture: DevTools works fine
- Regular use with annotations: Screenshot Pro
- Visual regression testing: Screenshot Pro (pixel diff comparison in Pro tier)