Screenshot Webpage

Capture any webpage as a full-page or visible-area screenshot using browser-native DevTools. No extensions, no uploads. Works in Chrome, Edge, Firefox, Safari, and mobile browsers.

Full-Page Screenshot in Chrome / Edge

  1. Open the page you want to capture in Chrome or Edge.
  2. Open DevTools: press F12 or Ctrl+Shift+I (Windows) / Cmd+Option+I (macOS).
  3. Open the Command Menu: Ctrl+Shift+P (Windows) / Cmd+Shift+P (macOS).
  4. Type screenshot and pick one of:
    • Capture full size screenshot — entire scrollable page
    • Capture screenshot — just the visible viewport
    • Capture node screenshot — a single selected element
  5. Chrome saves the PNG straight to your Downloads folder.

Full-Page Screenshot in Firefox

  1. Right-click anywhere on the page and choose Take Screenshot.
  2. Pick Save full page or Save visible.
  3. Click Download to save the PNG locally.
Firefox also supports a keyboard shortcut — enable it in about:preferences → Browsing if the screenshot command is not already bound.

Screenshot a Webpage on iPhone / iPad (Safari)

  1. Open the page in Safari.
  2. Press Side Button + Volume Up (newer iPhones) or Home + Side (older).
  3. Tap the preview in the bottom-left corner, then tap Full Page.
  4. Tap Done → Save PDF to Files for a full-page capture of the article.

Screenshot on Android (Chrome)

  1. Open Chrome and load the page.
  2. Tap the three-dot menu → Share → Long Screenshot (Android 12+).
  3. Drag the handles to select how much of the page to include.
  4. Tap Save — the full-page PNG is stored in Photos.

Prefer a One-Click Button?

Drag the Screenshot bookmarklet to your bookmarks bar. Click it on any page and it will use html2canvas to rasterize the DOM, then auto-download a PNG. Entirely client-side — no server sees your page.

Want to share a live preview link instead? Use the URL Preview Generatorto see how the page looks in search and social cards.

Use cases

  • Documentation — capture UI states for guides and tutorials.
  • Bug reports — include a full-page screenshot so developers can reproduce the issue.
  • Content archiving — preserve articles before they disappear.
  • Portfolio screenshots — capture projects at high resolution without third-party software.