--- title: "How to take a full-page screenshot in any browser" description: "Capture a whole web page, top to footer, without an extension. The hidden menu in every browser, plus the iPhone trick nobody knows about." source: https://savepad.app/blog/full-page-screenshot --- [Blog](https://savepad.app/blog) · 9 July 2025 # How to take a full-page screenshot in Chrome, Safari, Firefox and Edge Capture a whole web page, top to footer, without an extension. The hidden menu in every browser, plus the iPhone trick nobody knows about. *A saved web page in Savepad showing its full-page snapshot from the hero down to the footer* A normal screenshot gets you what’s on screen. For a landing page, that’s the hero and nothing else, which is the least interesting part. Every browser can capture the whole page. They just all hide it. ## Chrome (and Brave, Arc, Edge’s DevTools) 1. Open DevTools: **⌘ + Option + I** on a Mac, **Ctrl + Shift + I** on Windows. 2. Open the command menu: **⌘ + Shift + P** (or **Ctrl + Shift + P**). 3. Type **screenshot** and pick **Capture full size screenshot**. It saves a PNG to your Downloads. Want the phone version? Click the device toolbar icon in DevTools (or **⌘ + Shift + M**), pick an iPhone, then run the same command. ## Firefox The easy one. Right-click anywhere on the page, pick **Take Screenshot**, then **Save full page**. No DevTools needed. ## Edge Press **Ctrl + Shift + S** (or **⌘ + Shift + S** on a Mac) to open **Screenshot**, then pick **Capture full page**. You can draw on it before you save it. ## Safari (Mac) 1. Turn on the Develop menu if you haven’t: **Safari → Settings → Advanced → Show features for web developers**. 2. Open the Web Inspector: **⌘ + Option + I**. 3. In the Elements tab, right-click the `` line at the very top and pick **Capture Screenshot**. ## iPhone (the one nobody knows) 1. Take a normal screenshot in Safari (side button + volume up). 2. Tap the thumbnail that pops up in the corner. 3. Tap **Full Page** at the top. 4. Save it. It saves as a PDF of the whole page to Files. It’s a PDF, not an image, but for keeping a mobile landing page that’s often better anyway. ## When it goes wrong Full-page captures break in predictable ways: - **Sticky headers** get repeated, or float in the middle of the page. DevTools usually handles this. The iPhone trick usually doesn’t. - **Lazy-loaded images** show up as grey boxes, because they hadn’t loaded when the capture ran. Scroll to the bottom of the page slowly first, then capture. - **Scroll animations** leave sections blank or half-faded. Same fix: scroll through first. Or turn on “reduce motion” in your OS settings, which a lot of sites respect. - **Cookie banners** end up in every capture. Accept or close them first. - **Really long pages** come out as huge files, and very long ones can get cut off at the bottom. *The hero section of a sock brand homepage* 0615 · hero · oddsocks.co *The middle section of a landing page with a comparison table* 0712 · middle · comparison table *The footer of a sock brand homepage* 0809 · footer · oddsocks.co Why the whole page matters: the hero, the section in the middle that actually sells, and the footer with the one link nobody else has. ## If you do this for work If you’re screenshotting landing pages for a swipe file or a competitor teardown, the DevTools dance gets old fast. What you actually want: paste a URL and get the whole page at desktop and phone widths, saved with the link, the date and the text on it. That’s what Savepad does when you save a page. It renders the full page on our servers at desktop and phone widths, keeps it as a snapshot so the page is still there after they redesign, and reads the text so you can search it. On Pro it can watch a page and keep a new snapshot every month it changes. For putting a screenshot in a nice browser frame for a LinkedIn teardown post, there’s a free [screenshot mockup](https://savepad.app/free-tools/screenshot-mockup) tool. And if the screenshots are piling up on your desktop, read [how to organize screenshots on a Mac](https://savepad.app/blog/organize-screenshots-mac). [Join the waitlist](https://savepad.app/#waitlist) ## Read these next - [How to organize screenshots on a Mac (and get them off your desktop): Move screenshots out of your desktop, name them sensibly, sort the backlog, and make them searchable by what's in them. Settings, shortcuts and two Terminal lines.](https://savepad.app/blog/organize-screenshots-mac) - [How to copy text from an image or screenshot, on any device: Mac, iPhone, Windows, Android and Chrome all have text recognition built in now. Here's where it is on each, and how to make it actually accurate.](https://savepad.app/blog/copy-text-from-image) - [How to find out what font a website is using: Three ways to identify a website's font in under a minute: your browser's DevTools, an extension, or a font matcher for images. Plus what to do once you've found it.](https://savepad.app/blog/find-website-font)