A full page screenshot captures the entire webpage, including content you’d have to scroll to see. This is perfect for saving articles, documenting long pages, or creating marketing materials.
The DevTools Method
Chrome’s built-in method requires DevTools:
- Open the page you want to capture
- Press
Ctrl+Shift+I(Windows/Linux) orCmd+Option+I(Mac) to open DevTools - Press
Ctrl+Shift+P(orCmd+Shift+P) to open the command palette - Type “full” and select Capture full size screenshot
Chrome will automatically download a PNG of the entire page.
Tips for better results
- Check your zoom level - Set it to 100% (
Ctrl+0) for the clearest output - Wait for content to load - Lazy-loaded images need to be visible first
- Hide fixed elements - Sticky headers/footers may appear multiple times in the capture
Using Extensions
Several Chrome extensions make full page screenshots easier:
- GoFullPage - One-click full page capture
- Fireshot - Full page with editing tools
- Awesome Screenshot - Full page plus annotation
Common Issues
Lazy-loaded content missing
Modern websites load images as you scroll. Before taking a full page screenshot:
- Scroll slowly through the entire page
- Wait for all images to load
- Scroll back to the top
- Take the screenshot
Fixed headers appearing multiple times
Some sites have sticky headers that “follow” you as you scroll. In a full page capture, these can appear repeatedly. Solutions:
- Use DevTools to temporarily hide the element (
display: none) - Some extensions have options to handle fixed elements
- Crop the result afterward
Page is too long
Very long pages (thousands of pixels) may fail or produce corrupted images. Consider:
- Capturing in sections
- Using a dedicated tool like Puppeteer for programmatic capture
- Exporting to PDF instead
When to use full page vs. element screenshots
| Scenario | Best approach |
|---|---|
| Save an article | Full page screenshot |
| Share a specific chart | Element screenshot (Pluck) |
| Document a form | Visible area or element |
| Marketing showcase | Element screenshot with styling |
For sharing on social media, a styled element screenshot often looks better than a cropped full page - the padding and background make it stand out in feeds.