How to Take a Full-Page Screenshot in Any Browser

Quick reference

Browser	Where to find it	Shortcut
Chrome	DevTools → Command Menu → Capture full size screenshot	`F12`, then `Ctrl`+`Shift`+`P` (`⌘`+`⇧`+`P` on Mac)
Firefox	Right-click → Take Screenshot → Save full page	`Ctrl`+`Shift`+`S` (`⌘`+`⇧`+`S` on Mac)
Edge	⋯ menu → Screenshot → Capture full page	`Ctrl`+`Shift`+`S` (`⌘`+`⇧`+`S` on Mac)
Safari	Web Inspector → right-click `<html>` → Capture Screenshot	Developer features must be on
iPhone	Take a screenshot → tap the preview → Full Page	Saves as a PDF
Android	Take a screenshot → Capture more or Scroll capture	Name varies by phone

Chrome

Chrome hides its full-page capture inside the developer tools, but it takes a few seconds once you know where it is.

Open the page and press F12 (or ⌘+⌥+I on a Mac) to open DevTools.
Press Ctrl+Shift+P (⌘+⇧+P on a Mac) to open the Command Menu.
Type screenshot and choose Capture full size screenshot.

Chrome saves a PNG to your Downloads folder. The same menu has Capture screenshot for just the visible area, Capture area screenshot to drag out a region, and Capture node screenshot, which captures the element selected in the Elements panel. That last one is handy for a single card or form without cropping afterwards.

Firefox

Right-click an empty part of the page and choose Take Screenshot, or press Ctrl+Shift+S (⌘+⇧+S on a Mac).
Click Save full page at the top right.
Choose Download or Copy.

Firefox can also capture a single element: hover over the page after starting a screenshot and click a highlighted block.

Microsoft Edge

Press Ctrl+Shift+S (⌘+⇧+S on a Mac), or open the ⋯ menu and choose Screenshot.
Choose Capture full page.
Save or copy the result. You can draw on it first if you need to.

Edge is built on Chromium, so the Chrome DevTools method above works in Edge too.

Safari

Safari has no single button for this, but its Web Inspector can capture the whole page as an image.

Choose Safari → Settings → Advanced and tick Show features for web developers. (Older versions of Safari call it Show Develop menu in menu bar.)
Open the page and press ⌘+⌥+I to open the Web Inspector.
In the Elements tab, right-click the <html> line at the top and choose Capture Screenshot.

You can right-click any other element in the same way to capture just that part of the page.

iPhone and iPad

Open the page in Safari and take a screenshot: press the side button and volume up together. On an iPhone with a Home button, press the side button and Home; on an iPad, the top button and a volume button.
Tap the preview that appears in the corner.
Choose Full Page at the top, then Done and Save PDF to Files.

The iPhone saves full-page captures as a PDF, not an image. To get an image, capture the page from a desktop browser in device mode instead; the mobile screenshot guide shows how.

Android

Most recent Android phones can capture a scrolling screenshot. Take a normal screenshot (usually power and volume down), then tap Capture more in the preview. Samsung calls it Scroll capture. Drag the handles to choose how far down the page to go.

When the screenshot looks wrong

Images are missing or blank

Many sites only load images as you scroll to them. Scroll slowly to the bottom of the page and back to the top, then take the screenshot.

A cookie banner or sticky header is in the way

Dismiss banners first. For elements that won’t go away, open the Elements panel in DevTools, select the element and press Delete. It disappears until you reload, so you can capture a clean page.

The text is blurry

The screenshot is only as sharp as your screen. On a standard display, turn on device mode in Chrome DevTools (Ctrl+Shift+M), choose ⋮ → Add device pixel ratio, and set DPR to 2 before capturing.

The page is cut off or the capture fails

Browsers have a limit on how tall a single image can be, and very long pages can hit it. Capture the page in sections, or capture the part you actually need.

Showing a full-page screenshot

A full-length page is often ten times taller than it is wide. Shrunk to fit a slide or a post, the text becomes unreadable. It usually works better to crop to the section that matters, then put it in a browser frame. If you want to show the whole length, use the Image frame on a tall 9:16 canvas.

If you only need the part of a tab that’s on screen, the browser extension captures it and opens it in the editor in one click.

Frequently asked questions

Can I take a full-page screenshot without an extension?

Yes. Chrome, Firefox, Edge and Safari all have it built in. Firefox and Edge have it in the right-click menu; Chrome and Safari have it in their developer tools.

Where does Chrome save full-page screenshots?

In your Downloads folder, as a PNG named after the page.

Why is my iPhone full-page screenshot a PDF?

Apple only offers the Full Page option as a PDF. Use a desktop browser’s device mode if you need an image.

How do I screenshot just one part of a page?

In Chrome, select the element in the Elements panel and run Capture node screenshot from the Command Menu. Firefox and Safari can capture single elements too.