How to screenshot a full web page, including the part below the fold
Every major browser can capture a full-page screenshot without an extension. Most people install one anyway, because the built-in option is buried behind a developer tool.
Chrome and Edge — no extension needed
The capture command is in DevTools, which is why almost nobody finds it.
- Press F12, or Ctrl + Shift + I on Windows, or Command + Option + I on Mac, to open DevTools.
- Press Ctrl + Shift + P, or Command + Shift + P on Mac, to open the command menu.
- Type "screenshot".
- Choose Capture full size screenshot.
The image downloads immediately at the full height of the page. The same menu offers Capture node screenshot, which captures a single element you have selected in the DOM — useful for grabbing one card or table cleanly.
Firefox — the easiest of the three
Firefox has this as a first-class feature rather than a developer tool. Right-click anywhere on the page and choose Take Screenshot, then Save full page. You can also add a screenshot button to the toolbar from the customise menu.
Safari
- Enable the Develop menu: Safari, Settings, Advanced, then tick Show features for web developers.
- Open Web Inspector with Command + Option + I.
- In the Elements tab, right-click the <html> node at the top of the tree.
- Choose Capture Screenshot. This captures the full document rather than the viewport.
The two things that break full-page captures
Sticky headers repeating down the image
Tools that capture by scrolling and stitching will photograph a fixed header at every scroll position, leaving it repeated down the final image. The DevTools method in Chrome and Firefox renders the full document in one pass instead, which avoids this entirely — another reason to prefer the built-in option over an extension.
Lazy-loaded images coming out blank
Many sites only load images as they scroll into view. A one-pass full-page capture may fire before those images have loaded, leaving grey placeholders.
The fix is to scroll the whole page to the bottom first, wait for everything to load, scroll back to the top, and then capture.
Capturing a page taller than the format allows
Extremely long pages can exceed what a browser will render in one image — the practical ceiling is usually around 16,000 pixels, and some tools stop lower. If your capture comes out truncated or blank, capture in two halves and join them, or use the print-to-PDF route instead, which has no such limit.
Sharing the result
Full-page screenshots are large. A long marketing page at retina resolution can produce a 15MB PNG, which is over the attachment limit on Discord free tier and awkward in email.
If you are sharing rather than archiving, uploading it and sending a link avoids the size problem entirely, and the recipient can zoom rather than squinting at a scaled-down attachment. PasteSnip accepts up to 10MB free and 50MB on Pro, and gives you a link that previews inline in most chat apps.
On mobile
- iOS: take a normal screenshot, tap the preview in the corner, then choose Full Page at the top. Save it as a PDF.
- Android: take a screenshot and look for Capture more or Scroll capture in the toolbar that appears. Availability varies by manufacturer.
Common questions
Can I take a full-page screenshot without an extension?
Yes, in every major browser. Chrome and Edge have it in the DevTools command menu, Firefox has it in the right-click menu, and Safari has it in the Web Inspector Elements tab.
Why is my full-page screenshot showing blank spaces?
Those areas use lazy loading and had not loaded when the capture ran. Scroll to the bottom of the page first, wait, scroll back up, then capture.
Why does the header repeat down my screenshot?
The tool captured by scrolling and stitching, photographing the fixed header each time. Use the browser built-in full-page capture, which renders the document in one pass instead.
What is the maximum height for a full-page screenshot?
Browsers typically cap around 16,000 pixels. Beyond that, capture in sections or print the page to PDF.