Updated · Chrome · Firefox · Edge · Safari

How to screenshot a full web page

Normal screenshots only capture what's visible on screen. Every major browser can capture the whole page in one go, without installing an extension. Firefox and Edge make it a one-click job; Chrome hides the feature in its developer tools.

Quick answer

In Firefox or Edge, press and choose the full-page option. In Chrome, open DevTools with , press , type screenshot and choose Capture full size screenshot. On a Mac, use instead of .

All 5 methods at a glance

MethodWhat it doesBest for
FirefoxBuilt-in screenshot tool with a Save full page button.The easiest full-page screenshots
Microsoft EdgeThe Screenshot tool can capture the full page.Windows users
Google Chrome (DevTools)A hidden command in the developer tools captures the full page.Chrome, Brave, Opera, Vivaldi and other Chromium browsers
Safari on MacExport the page as a PDF (Safari has no full-page PNG option).Mac users
On iPhone, iPad and AndroidPhones have their own full-page options.Phones and tablets
01

Firefox

  1. Press ( on Mac), or right-click an empty part of the page and choose Take Screenshot.
  2. Click Save full page in the top-right corner. (Or Save visible for just what's on screen, or drag to select an area.)
  3. Click Download to save a PNG, or Copy to put it on the clipboard.
02

Microsoft Edge

  1. Press , or open the … menu and choose Screenshot.
  2. Choose Capture full page (or Capture area).
  3. Click Save or Copy. You can also draw on it first.
03

Google Chrome (DevTools)

then
  1. Press ( on Mac) to open DevTools.
  2. Press ( on Mac) to open the command menu.
  3. Type screenshot and choose Capture full size screenshot.
  4. Chrome saves a PNG of the whole page to your Downloads folder.

Pages with fixed headers or lazy-loading images may need you to scroll to the bottom once first, so everything has loaded.

04

Safari on Mac

  1. Open the page and choose File > Export as PDF….
  2. Pick a location and click Save. The PDF contains the full page.

To get an image instead, enable Develop menu (Safari Settings > Advanced > Show features for web developers), open Develop > Show Web Inspector, right-click the <html> element and choose Capture Screenshot.

05

On iPhone, iPad and Android

  1. iPhone and iPad: take a screenshot in Safari, tap Full Page in the editor, then Done > Save PDF to Files.
  2. Android: take a screenshot with Power + Volume down, then tap Capture more (Samsung: Scroll capture) and drag down.

Where are screenshots saved?

Browser screenshots go to your browser's download folder, normally Downloads. Safari's PDF goes wherever you choose when saving.

Screenshot not working?

Parts of the page are blank or images are missing

Many sites load images only when you scroll to them. Scroll to the very bottom of the page first, wait a moment, then take the full-page screenshot.

A header or cookie banner repeats or covers content

Close banners first. For sticky headers, Firefox's tool usually handles them best.

Chrome's command doesn't appear

Make sure the DevTools panel is focused (click inside it) before pressing . Then type "full size".

Frequently asked questions

How do I screenshot an entire web page in Chrome without an extension?
Open DevTools (Ctrl + Shift + I), open the command menu (Ctrl + Shift + P), type screenshot and choose Capture full size screenshot.
Which browser is easiest for full-page screenshots?
Firefox: press Ctrl + Shift + S and click Save full page.
Can I take a full-page screenshot on my phone?
Yes. On iPhone use Full Page in the screenshot editor (saves a PDF). On Android tap Capture more (Samsung: Scroll capture) after taking a screenshot.