How to screenshot an entire webpage on Mac

· · 6 min read

A Mac screenshot normally captures what is on the display. To screenshot an entire webpage on a Mac, use the capture built into your browser; ⌘⇧5 does not scroll through a page. The right method depends on whether you need an image, a PDF, or a scrolling screenshot of another app.

Can macOS Screenshot capture an entire webpage?

No. Apple’s current Screenshot guide lists capture of the entire screen, a window, or a portion of the screen. Open it with ⌘⇧5; to screenshot the whole page, including content below the fold, use a browser’s page capture.

If a PDF is enough, Safari’s Web Inspector isn’t required: choose File → Print, then PDF → Save as PDF. That creates a PDF document through macOS’s print workflow, rather than one tall image. Apple’s PDF instructions show the same save path.

How do I screenshot an entire webpage in Safari on Mac?

Turn on Safari’s developer features, then capture the page’s root element in Web Inspector. Open Safari → Settings → Advanced and enable Show features for web developers; Apple confirms that this setting shows the Develop menu in its Safari Advanced guide. Open the inspector with ⌥⌘I or Develop → Show Web Inspector, as described in Apple’s Web Inspector guide.

In Elements, right-click the top-level <html> node and choose Capture Screenshot. The step and action label are documented by Reda Lemeden’s Safari guide (2020); Apple’s current public reference confirms how to turn on and open Web Inspector, but doesn’t list this context-menu action. Safari saves the capture as an image file. For a PDF instead, use File → Print → PDF → Save as PDF.

How do I take a full-page screenshot in Chrome, Firefox, or Edge?

Use the browser’s own capture command if you only need webpages.

Method Steps or keys Output Height limit Cost
macOS Screenshot ⌘⇧5 → screen, window, or selection; no full-page capture PNG file, screen only Not applicable Built in
Safari image ⌥⌘I → Elements → right-click <html> → Capture Screenshot Image file Not documented Built in
Safari PDF File → Print → PDF → Save as PDF PDF Not documented Built in
Chrome ⌥⌘I → Toggle device toolbar → More options → Capture full size screenshot Image file Not documented Free
Firefox Right-click page → Take Screenshot (or ⌘⇧S) → Save full page PNG file or clipboard Crops to the maximum canvas size Free
Edge Right-click page → Screenshot → Capture full page Clipboard or saved image Not documented Free
CleanShot X Scrolling Capture mode, any app Image Not documented $35 once (Basic)
Shottr Scrolling Capture from the menu bar, any app Stitched image Default cap; raise it up to 400,000 px Free for personal use; $12 for commercial
Octoweb ⌘⇧S full page; ⌘S viewport Clipboard image at 1× 16,384 px; longer pages are truncated Free

For Chrome, open DevTools with ⌥⌘I, click Toggle device toolbar, open its More options menu, and choose Capture full size screenshot; Chrome’s Device Mode docs document that menu item. Typing “screenshot” into the DevTools Command Menu (⌘⇧P while DevTools has focus) lists the capture commands too, as Chrome’s Command Menu guide shows.

In Firefox, right-click an empty part of the page, choose Take Screenshot (or press ⌘⇧S), then Save full page. Mozilla’s instructions say Download saves a PNG and Copy puts the image on the clipboard.

Edge calls the tool Screenshot; Microsoft’s earlier guide calls it web capture. Right-click the page, choose Screenshot, then Capture full page. Microsoft’s current Screenshot page confirms the full-page option and copy/save workflow. Its shortcut is listed as Ctrl+Shift+S; use the menu on Mac instead of assuming that Windows shortcut applies.

None of the Chrome, Firefox, or Edge guides states an output scale or a maximum page height. Firefox is the one with a public record: since a fix that shipped in Firefox 111, a page taller than its maximum canvas size is cropped to that size instead of failing (Mozilla Bug 1743887).

How do I take a scrolling screenshot of any Mac app?

Use a scrolling-capture app when the content is in a chat, document, or other window instead of a webpage. CleanShot X captures scrollable content in any app; its Basic plan costs $35 once, checked October 2026. Shottr also captures webpages and other app windows. Its capture guide describes an automatic scroll-and-stitch flow; its pricing page says it is free to use, asks you to consider upgrading after 30 days, and requires a $12 license for commercial use. For webpages alone, Firefox, Chrome, and Edge already do the job at no charge.

In Shottr, select Scrolling Capture from the menu bar, drag around the whole app window, and let the app scroll. The guide says to include the entire window area and notes a 400,000 px maximum-height setting; reduce scroll speed if sections are choppy or have not loaded. CleanShot’s selection-based capture also scrolls outside the browser, but its public docs don’t state an image height limit.

Why is my full-page screenshot blank, repeated, or cut off?

  • Images are blank below the fold. Many sites load images only when they are about to scroll into view (MDN on lazy loading). Scroll from top to bottom once, pause for images to appear, return to the top, and capture again.
  • A sticky header repeats or covers content. Scroll-and-stitch tools capture fixed elements in every frame, so a sticky header can appear repeated throughout the image, as Shottr’s guide warns; it suggests making the window larger and capturing again. In Chrome DevTools, select the header in Elements and press H to hide it before capturing (Chrome’s keyboard reference); reload the page to bring it back.
  • The page stops early. Very tall pages hit size limits. Firefox crops an oversized capture to its maximum canvas size, and Shottr stops at its height cap unless you raise it in Settings → General. Split a very tall page into overlapping sections and save each, or save a paginated PDF instead. A small overlap makes the sections easy to line up afterward.

Can Octoweb copy a full-page screenshot?

Yes, if you want the result on the clipboard: press ⌘⇧S for a full-page capture or ⌘S for the viewport. I build Octoweb. Full-page captures render at 1× scale, stop at 16,384 px tall, and go to the clipboard only; they aren’t saved as files. It is a WebKit browser for macOS, built on the same engine Safari uses.

The full list of browser keyboard shortcuts has both screenshot keys.

Don Karter

Don Karter

CEO & Co-founder at Muvon

20+ years in software engineering, the last decade deep in AI systems. Builds Octoweb — a keyboard-first AI browser for macOS on WebKit and Rust. Writes from the trenches: native browser engineering, agents driving real pages over MCP, and what breaks when every action has to be one keystroke away.

Octoweb is free and open source, for macOS.

Install it →