How to take a scrolling screenshot on a Mac

Safari: the hidden Web Inspector capture

1. In Safari, open Safari → Settings → Advanced and turn on Show features for web developers (in older versions: Show Develop menu in menu bar).
2. Open the page and press Cmd+Option+I to open Web Inspector.
3. In the Elements tab, right-click the top <html> line and choose Capture Screenshot.
4. Choose where to save the PNG file.

Tip: you can right-click any other line in Elements to capture just that part of the page.

Firefox on a Mac

Press Cmd+Shift+S and click Save full page. Full Firefox guide.

Chrome or Edge on a Mac

Chrome hides a full page command in Developer Tools: see the Chrome guide. Or use an extension:

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

Web Inspector and DevTools capture the page document. Mail, docs and dashboards that scroll inside a panel come out cut at one screen. 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.