How to take a full page screenshot in Chrome

Way 1: the hidden DevTools command

1. Open the page. Press Ctrl+Shift+I (on a Mac: Cmd+Option+I) to open Developer Tools.
2. Press Ctrl+Shift+P (Mac: Cmd+Shift+P) to open the command menu.
3. Type screenshot and choose Capture full size screenshot.
4. Chrome saves a PNG file to your Downloads folder.

Tip: to capture the page as it looks on a phone, first press Ctrl+Shift+M in Developer Tools to turn on device mode, pick a phone, then run the same command.

Way 2: an extension

A full page screenshot extension puts the capture one click away and adds an editor. With PageScan:

1. Open the page and click the PageScan icon in the toolbar, or press Alt+Shift+S.
2. Choose Full page. The page scrolls by itself for a few seconds; stay on the tab.
3. The editor opens. Add arrows, text or blur if you need to, then click Download and pick PNG, JPEG, WebP or PDF.

When the built-in way is not enough

The DevTools command misses parts of many modern pages. Pages that scroll inside a panel (mail, docs, dashboards) come out cut at one screen. Images that load on scroll can come out blank, and sticky bars can land in odd places. The built-in tools have no editor either, so a note or a blur means a second app.

PageScan handles these cases and opens an editor right after the capture:

1. Open the page and click the PageScan icon in the toolbar, or press Alt+Shift+S.
2. Choose Full page. The page scrolls by itself for a few seconds; stay on the tab.
3. The editor opens. Add arrows, text or blur if you need to, then click Download and pick PNG, JPEG, WebP or PDF.