Capture an entire web page in one image in Chrome, Firefox, Edge, Safari, on iPhone and Android, or with a free online tool. Plus fixes for sticky headers.
A normal screenshot captures what fits on your screen. A full page screenshot (also called a scrolling screenshot) captures the entire web page, from the header to the footer, as one tall image. It is what you want for design reviews, bug reports, competitor snapshots, landing page audits and anything you need to archive exactly as it looked.
The fastest way: paste the address into the free full page screenshot tool and download the PNG, in desktop or mobile size. If you prefer the browser's built-in options, every major browser and phone can do it too. Here is where each one hides the feature.
Full page screenshot vs. a normal screenshot
Operating system shortcuts (Shift + Cmd + 4 on a Mac, Windows + Shift + S on Windows) only capture pixels that are currently on your display. A web page is often ten or twenty screens tall, so you would need dozens of screenshots and an image editor to glue them together.
A full page capture asks the browser to render the whole document at once, or scrolls it and stitches the parts. The result is one image whose width is the page width and whose height is the full length of the page. Two things make this harder than it sounds:
- Lazy-loaded images only load when you scroll to them. Capture too early and you get blank boxes.
- Sticky headers and chat widgets stay fixed on screen. Tools that scroll and stitch can repeat them on every slice.
The methods below handle both differently, so it helps to know the trade-offs.
- Open the full page screenshot tool.
- Paste the page address.
- Choose Desktop (1440 px wide) or Mobile (390 px phone width at 2x).
- Click Capture full page and download the PNG, copy it, or open it in the editor.
The page loads in a fresh browser with no cookies, gets scrolled once so lazy images load, has obvious cookie banners dismissed, and is captured top to bottom. Because it is a clean browser, it only sees public pages. For pages behind your login, see method 7.
Chrome has a hidden full page screenshot command in its developer tools:
- Open the page and wait for it to load. Scroll to the bottom and back up to trigger lazy images.
- Open DevTools: Cmd + Option + I on a Mac or Ctrl + Shift + I on Windows and ChromeOS.
- Open the command menu: Cmd + Shift + P or Ctrl + Shift + P.
- Type screenshot and choose Capture full size screenshot.
- Chrome saves a PNG to your Downloads folder.
Want the mobile version of the page? Before step 3, click the device toolbar icon (or press Cmd/Ctrl + Shift + M), pick a phone, and then capture. Chrome renders the page at that device's width and pixel ratio.
Method 3: Firefox
Firefox has the friendliest built-in option:
- Right-click an empty part of the page and choose Take Screenshot (or press Ctrl + Shift + S).
- Click Save full page in the top-right corner.
- Choose Download or Copy.
Firefox renders the full document rather than scrolling, so sticky headers usually appear only once.
Method 4: Microsoft Edge
- Press Ctrl + Shift + S to open Web capture.
- Choose Capture full page.
- Draw on the result with the pen if you like, then save or copy it.
Method 5: Safari on a Mac
Safari's option lives in the Web Inspector:
- In Safari → Settings → Advanced, turn on Show features for web developers (or Show Develop menu on older versions).
- Open the page, then Develop → Show Web Inspector.
- In the Elements tab, right-click the
<html> node and choose Capture Screenshot.
Method 6: iPhone, iPad and Android
- iPhone and iPad (Safari): take a screenshot with Side button + Volume up, tap the thumbnail, and switch to the Full Page tab at the top. iOS saves it as a PDF to the Files app.
- Android 12 and later: take a screenshot with Power + Volume down, tap Capture more (sometimes "Scroll capture"), and drag the frame down to include the whole page.
Method 7: pages behind a login
Online tools cannot see your dashboard, inbox or admin panel, and DevTools works but is fiddly. A screenshot extension that runs in your own signed-in browser is the easiest route. With the takeascreen.com Chrome extension, open the page, click Screenshot this tab and turn on Full page: it scrolls the tab, hides sticky elements after the first screen, stitches the result and opens it in the editor. Comparing options? See the best Chrome screenshot extensions.
Fixing the usual problems
| Problem | Why it happens | Fix |
|---|
| Blank image boxes | Images load only when scrolled into view | Scroll to the bottom and back before capturing; online tools do this for you |
| Header repeated on every slice | Sticky elements stay fixed while a tool scrolls | Use a tool that renders the full document (DevTools, Firefox) or hides fixed elements |
| Cookie banner covers the page | Consent pop-up on first visit | Accept or dismiss it first; some tools dismiss it automatically |
| Image cut off at the bottom | Very long pages exceed tool limits | Capture in sections, or capture the part you need |
| Text too small to read | Desktop page shrunk on a phone | Capture the mobile layout instead of the desktop one |
Make the screenshot useful
A raw full page capture is a lot to look at. Before you send it, point at what matters: a box around the bug, numbered steps for the flow, blur over email addresses and keys. The screenshot editor does all of that in the browser, and can put the page in a browser window or phone frame on a background for decks and docs. If you capture the same pages often, an AI agent can take and annotate the screenshot for you on a schedule.
Frequently asked questions
How do I take a full page screenshot in Chrome without an extension?
Open DevTools (Cmd + Option + I or Ctrl + Shift + I), press Cmd/Ctrl + Shift + P, type "screenshot" and choose Capture full size screenshot. Or use a free online tool.
Another name for a full page screenshot: one tall image of everything on the page, captured by scrolling or by rendering the whole document. On Android the option is called "Capture more".
Can I take a full page screenshot of a page that needs a login?
Yes, from your own browser: Chrome DevTools, Firefox's Save full page, Edge's Web capture, or a screenshot extension. Online tools only see public pages.
Why is my full page screenshot missing images?
The page loads images lazily as you scroll. Scroll to the bottom once, wait a second, scroll back to the top, then capture.
Related reading: how to take a screenshot on any device and how to choose a Chrome screenshot extension.
Further reading
Related on takeascreen.com: the full page screenshot tool, the screenshot editor, the Chrome extension and the best Chrome screenshot extensions.
JavaScript is required to use the takeascreen.com app.