Site-Shot

Tutorial ·Published ·9 min read

How to Screenshot an Entire Web Page (Any Browser or Phone)

The screenshot key captures what fits on your screen, and a web page is usually longer than that. The pricing table sits under the fold, the article runs on for ten more screens, the footer holds the terms you need to keep. Scrolling and taking eight screenshots, then stitching them together, is the slow way.

Every major browser and both phone platforms can capture the whole page as one tall image. They hide it in very different places, though: Firefox puts it in the right-click menu, Chrome buries it in its developer tools, Safari on a Mac has no button at all, and an iPhone saves it from the screenshot editor.

This guide gives the route for each one, checked against each vendor's own documentation in November 2026, starting with the one that works in any browser without installing anything.

The quickest way: a free online tool, any browser

Site-Shot is a free screenshot tool you use from any browser, on a laptop or a phone. There is no signup and nothing to install.

  1. Open site-shot.com and paste the address of the page you want.
  2. In Browser options, tick full page.
  3. Press Shot. The whole page comes back as one long image, which you can download or copy.

You can pick PNG (the default), JPEG or WebP. A full page capture runs up to 20,000 pixels tall, but WebP stops at 16,383 px, so keep PNG for a very long page. The full page screenshot tool is the same thing with full page already ticked.

Because Site-Shot loads the page on its own servers, it sees what a logged-out visitor sees. That is what you want for a public page, a competitor's landing page or an article, and it means the capture does not depend on your screen size or zoom. For a page behind your login, such as a dashboard or an order history, use one of the browser methods below: they capture the page as you see it, signed in.

Chrome: the full size screenshot is in DevTools

Google's help pages for desktop Chrome document no screenshot command in the main menus. The full-page capture they do document lives in the developer tools, four steps away:

  1. Open the page and press F12 (or Ctrl+Shift+I on Windows and Linux, Cmd+Option+I on a Mac) to open DevTools.
  2. Press Ctrl+Shift+P (Cmd+Shift+P on a Mac) to open the Command Menu.
  3. Type screenshot.
  4. Choose Capture full size screenshot. The image downloads straight away.

To capture the page as a phone would show it, turn on Device Mode first (Ctrl+Shift+M, or Cmd+Shift+M on a Mac), pick a device, then open the toolbar's More options menu and choose Capture full size screenshot there. The same menu's plain Capture screenshot takes only the visible part.

Firefox: built in, two clicks

Firefox has the simplest built-in version, and it needs no developer tools:

  1. Right-click an empty part of the page and choose Take Screenshot, or press Ctrl+Shift+S (Cmd+Shift+S on a Mac).
  2. Click Save full page in the top right corner. (Save visible takes only what is on screen, and you can also drag to select a region.)
  3. Click Download to save the image, or Copy to put it on the clipboard.

If you use it often, you can add a Screenshot button to the toolbar: open the menu, choose More Tools, then Customize Toolbar…, and drag the button into place.

Microsoft Edge: Screenshot, formerly Web capture

Edge's built-in tool was called Web capture until Microsoft renamed it Screenshot; on an older build you may still see the old name.

  1. Press Ctrl+Shift+S on Windows, or right-click the page and choose Screenshot, or open the Settings and more menu (…) and choose Screenshot (on a Mac, use one of the menus).
  2. In the capture bar, choose Capture full page.
  3. Mark it up if you like, then Copy it or Save it.

On a work computer the item can be missing: administrators can switch the feature off by policy.

Safari on a Mac: no button, two workarounds

Safari has no one-click full-page screenshot, and the Mac's own screenshot shortcuts (Shift+Command+5 and friends) capture only what is on the screen. There are two ways around it.

Web Inspector (gives you an image).

  1. Choose Safari > Settings, open Advanced and turn on Show features for web developers.
  2. Open the page and press Option+Command+I to open Web Inspector.
  3. In the Elements tab, right-click the <html> line at the top of the page's code and choose Capture Screenshot, then save the image.

It captures that element's whole rendered box, which on most pages is the whole page. On a web app that scrolls inside a panel, try capturing the scrolling panel's element instead; Apple does not document how these cases behave.

Print to PDF (gives you a document). Choose File > Print, then use the PDF menu at the bottom of the dialog and Save as PDF. The result is split into printed pages and follows the site's print styles, so it is a record of the text rather than of how the page looks.

iPhone and iPad: Full Page in the screenshot editor

On iPhone and iPad, Safari's full-page capture is part of the normal screenshot:

  1. Open the page in Safari and take a screenshot: on an iPhone with Face ID, press the side button and volume up together; with a Home button, press Home and the side button; on an iPad, the top button and a volume button (or Home and the top button on an iPad with a Home button).
  2. If a thumbnail appears in the lower-left corner, tap it. (On recent iOS versions the screenshot opens full screen by default, so you are already there.)
  3. Tap Full Page. Drag the strip on the right to scroll through the capture, and use Crop if you only need part of it.
  4. Save it: tap Done (the Selected button on iOS 26), then choose Save to Photos to keep it as an image or Save PDF to Files to keep it as a PDF in the Files app. Apple's iOS 27 guide no longer names these options, so the choices may differ there.

Android: Capture more, Scroll capture, or Chrome's long screenshot

Android phones stitch a long screenshot by scrolling the page for you. Which button you get depends on the phone:

  • Pixel and stock Android 12 or later: press Power and Volume down together, then tap Capture more at the bottom and drag the crop guides to the length you want. The image goes to your screenshots in Google Photos.
  • Samsung Galaxy: press Power and Volume down, then tap the Scroll Capture icon on the toolbar that appears; tap it again for each extra screen, or press and hold it to run to the bottom, then tap anywhere outside the toolbar to finish. If the toolbar never shows, turn on Show toolbar after capturing in Settings > Advanced features > Screenshots and screen recorder. Samsung automatically scales scroll captures down before saving them to Gallery.
  • Chrome for Android, any phone: tap the More menu (⋮), then Share…, then Long screenshot. Drag the handles to set the length and tap Confirm, then save or share it.

Where the honest limits are

Every method above, ours included, gets some pages wrong. The common ones:

  • Lazy-loaded images. Many sites load pictures only as you scroll near them. A capture that reads the page without scrolling can show blank boxes far down the page. Scrolling to the bottom and back before you capture usually fixes it in a browser.
  • Sticky headers and pop-ups. Android's scroll capture builds a long screenshot from several screens, so a header that stays on screen may repeat in the result. A cookie banner or chat bubble is captured wherever it sits, so close it first in a browser. Site-Shot's tool has No ads / No cookie ticked by default and hides the ad and cookie-consent elements it recognises, though not every banner; in the API the same thing is off until you add no_ads=1&no_cookie_popup=1.
  • Pages that scroll inside a panel. Chat apps, maps and many dashboards keep the page itself one screen tall and scroll an inner box. Tools that capture "the page" then give you one screen. Safari's element capture, pointed at the scrolling panel, may still get it; the phone vendors do not document whether their scroll captures do.
  • Very long pages. Site-Shot stops at 20,000 px (16,383 px for WebP); Samsung scales scroll captures down; the browsers do not document a limit, but a page that loads more content forever, like a social feed, has no bottom to capture.
  • Logged-in pages. A browser captures what you are signed in to see; an online tool like ours sees the public page.

Capturing many pages, or the same page every day

Doing this by hand is fine once. For a hundred product pages, or the same page every morning, use the Site-Shot API instead: the same capture is one request, with full_size=1 for the full page and max_height to cap its length.

curl -o page.png "https://api.site-shot.com/?url=https://example.com&userkey=YOUR_API_KEY&width=1280&full_size=1&max_height=20000"

A confirmed account's API key comes with the free plan: 100 API captures a month, no card needed. Get your key and a ready-to-run example; paid plans start at $5/mo for 2,000 and add volume, geotargeting, storage and schedules, see pricing. Two guides take it further: screenshot every page of a website from its sitemap, and capture the same page automatically every day. If you are still choosing between a full page and a fixed-size capture, see full page vs viewport screenshots.

FAQ

How do I take a screenshot of an entire web page?

Paste the page's URL into the free Site-Shot tool at site-shot.com, tick full page and press Shot: the whole page comes back as one image, with no signup. In a browser, Firefox and Microsoft Edge have it built in (Ctrl+Shift+S on Windows, then the full page option), Chrome has Capture full size screenshot in DevTools, an iPhone has Full Page in the screenshot editor, and Android phones have Capture more or Scroll Capture.

Does Chrome have a full page screenshot?

Yes, in its developer tools. Press F12 (Cmd+Option+I on a Mac), then Ctrl+Shift+P (Cmd+Shift+P on a Mac), type screenshot and choose Capture full size screenshot; Chrome downloads the whole page as one image. Chrome for Android has its own version: More, Share, Long screenshot.

How do I screenshot a whole web page on an iPhone?

Open the page in Safari, take a screenshot with the usual buttons, open the screenshot editor and tap Full Page. You can crop it, then save it to Photos as an image; Apple's guide for iOS 26 also offers Save PDF to Files to keep it as a PDF.

Why is part of my full page screenshot blank?

Usually because the site loads images only when you scroll near them, and the capture did not scroll that far. Scroll to the bottom of the page and back before capturing, or wait for the page to finish loading. A blank band can also mean the page scrolls inside an inner panel rather than as a whole.

Try it free in your browser, no signup, at site-shot.com, or see API plans.

← All articles