How to Take a Full Page Screenshot in Chrome, Safari, Firefox, Edge, Mac and iPhone

A normal screenshot shows what fits on your screen. For design references you often want the whole page: the hero, the features, the pricing table, the footer, all in one image. Every major browser can do this already, most of them without any extension. Here is how, browser by browser.

Chrome (and Brave, Arc, Opera)

Chrome hides a full page screenshot command inside DevTools.

1. Open DevTools: Cmd+Option+I on Mac, Ctrl+Shift+I on Windows.
2. Open the command menu: Cmd+Shift+P or Ctrl+Shift+P.
3. Type screenshot and choose Capture full size screenshot.

A PNG of the entire page lands in your downloads. The same steps work in other Chromium browsers. To capture one section only, right-click an element in the Elements panel and choose Capture node screenshot.

Microsoft Edge

Edge has the easiest built-in option. Press Ctrl+Shift+S (Cmd+Shift+S on Mac) to open Web Capture, choose Capture full page, then save or copy it.

Firefox

Right-click anywhere on the page, choose Take Screenshot, then Save full page. Firefox can also capture a single section: hover over it and click when it highlights.

Safari on Mac

1. Turn on the Develop menu in Safari > Settings > Advanced.
2. Open Develop > Show Web Inspector.
3. In the Elements tab, right-click the top html element and choose Capture Screenshot.

If you only need a document to read later, File > Export as PDF keeps the whole page too, but a PNG is better as a design reference.

Mac and Windows system shortcuts

macOS (Cmd+Shift+5) and Windows (Win+Shift+S) only capture what is visible on screen. Neither has a native scrolling capture, so use the browser methods above for full pages. If screenshots pile up on your desktop, read how to organize screenshots on Mac.

iPhone and iPad

1. In Safari, take a screenshot as usual.
2. Tap the thumbnail that appears in the corner.
3. Choose Full Page at the top, then Done > Save PDF to Files.

It saves a PDF rather than an image, and it only works for web pages in Safari.

Android

Many Android phones, including Pixel and Samsung models, offer a Capture more or Scroll capture button after you take a screenshot. Tap it and the phone scrolls and stitches the page for you.

Common problems and fixes

• Blank spaces where images should be. The page lazy-loads images. Scroll to the bottom once, then capture.
• The header appears again and again. Some extensions stitch several screenshots together. The browser built-in captures render one tall image and avoid this.
• The file is enormous. Very long pages produce huge PNGs. Capture just the sections you care about with a node or region screenshot.
• Pop-ups and cookie banners in the shot. Dismiss them first, or capture a node below them.

When an extension is worth it

If you capture pages a few times a month, the built-in tools are enough. If you capture every day, the real cost is not taking the screenshot but what happens next: a file called "localhost-2026-10-02.png" in your downloads, with no link to the page and no way to find it later.

That is the problem GetRef solves. The extension captures the page and its URL together in one click, reads the text in the screenshot and tags it, so you can find it later by describing it. See how to save website designs for inspiration and the roundup of Chrome extensions for designers.