How to Take Screenshot of Webpage Entirely & Visible Area
To take screenshot of webpage entirely, open your browser’s Developer Tools (Ctrl+Shift+I or Cmd+Option+I), press Ctrl+Shift+P, type “screenshot,” then select Capture full size screenshot to save the entire scrolling webpage as an image.
Want to capture a webpage exactly as you see it or even the parts that scroll off screen? Whether you’re using Windows, macOS, or a Chromebook, there’s a simple way to grab it.
This guide walks you through built-in tools, browser developer methods, and the best third-party apps for complete screenshots on laptop or any device across all major browsers: Chrome, Firefox, Safari, Edge, Opera, and Brave.
Windows
1. Chrome
Built-in Windows tools
- Press PrtScn to copy the entire screen, or Alt + PrtScn for the active window.
- Paste it anywhere with Ctrl + V.
For more control, press Windows + Shift + S to open Snipping Tool (or Snip & Sketch on newer versions). From there, you can select a region, window, or full screen of (123movies) and edit right after capture.
Full-page capture using Chrome DevTools
- Open the page you want.
- Press Ctrl + Shift + I (or F12) to open Developer Tools.
- Press Ctrl + Shift + P to open the Command Menu.
- Type “screenshot” and choose Capture full size screenshot.
Chrome will instantly save a PNG of the entire scrollable page to your Downloads folder.
(Tip: works best on static pages; dynamic web apps may only capture what’s visible.)
Limitations
Windows shortcuts only capture visible content. DevTools can grab full pages, but doesn’t include annotation tools.
3rd Party Tools for Windows
- ShareX for Free, open-source capture utility with scrolling screenshots, GIF/video, and OCR.
- Snagit as it is a Paid, cross-platform tool with advanced editing, templates, and tutorials.
- Greenshot – Lightweight, reliable app for full-page and annotated captures.
2. Firefox
Built-in capture
Use the same Windows shortcuts (PrtScn, Alt + PrtScn, Win + Shift + S).
Firefox’s Screenshot Tool
Right-click anywhere on the page and choose Take Screenshot and Select Save full page, then click Download to save the entire webpage as a PNG.
Limitations
The onlly limitation i can think of is that it Works only in standard browser pages (not Reader View or restricted sites). No built-in markup tools.
Third-party options
ShareX, Snagit, or the Nimbus Screenshot / Awesome Screenshot extensions work perfectly for full-page and annotated shots.
3. Microsoft Edge
Built-in capture
You can Use Windows shortcuts as above.
Edge Web Capture (full-page)
- Press Ctrl + Shift + S, or open the … menu > Web Capture.
- Choose Capture full page.
- Save or copy the preview.
You can draw or mark up the image before saving.
Alternative method
Open DevTools (Ctrl + Shift + I) → Ctrl + Shift + P → type “screenshot.”
Third-party tools
Similar to Chrome, use ShareX, Snagit, Greenshot, and the FireShot extension as it all work seamlessly in Edge.
Opera (and other Chromium browsers)
Press Ctrl + Shift + 5, or click the camera icon in the toolbar to captures only the visible part of the page.
For capturing Full-page with DevTools
- Press Ctrl + Shift + I to open Developer Tools.
- Open the menu, choose Run Command, type “screenshot,” then select Capture full size screenshot.
Yes, as you can expect, ShareX, Snagit, Greenshot, or browser extensions like Nimbus Screenshot or Awesome Screenshot works too if you want a bit more feature and also for scrolling captures.
Brave (and other Chromium browsers)
Since Brave is Chromium-based, it works exactly like Chrome. Open DevTools (Ctrl + Shift + I) → Ctrl + Shift + P → type “screenshot” → Capture full size screenshot.
macOS
Safari
Built-in shortcuts
- Shift + Command + 3 – Full screen
- Shift + Command + 4 – Select an area or window
- Add Control to copy to clipboard instead of saving. You can also open the Screenshot app with Shift + Command + 5 for on-screen options.
Full-page via Safari Developer Tools
- Enable the Develop menu in Safari > Settings > Advanced.
- Open your page and choose Develop > Show Web Inspector (Option + Command + I).
- In the Elements tab, right-click the top
<html>element → Capture Screenshot.
Safari saves a PNG of the full scrollable page.
Other handy options: Lightshot, Monosnap, or CloudApp.
Chrome on macOS
Same system shortcuts as Safari (Cmd + Shift + 3/4/5). For full-page screenshots, open DevTools (Cmd + Option + I) → Cmd + Shift + P → type “screenshot” → Capture full size screenshot.
Firefox on macOS
- Right-click the page → Take Screenshot → Save full page.
- Save the PNG after previewing.
- Same third-party tools (Snagit, CleanShot, Shottr) also apply.
Edge on macOS
- Press Cmd + Shift + S or go to … > Web Capture.
- Choose Capture full page, then save.
- Edge follows the same process as its Windows version.
- Mac tools like CleanShot X or browser extensions (FireShot, Nimbus) work seamlessly.
Opera, Brave, and other Mac browsers
All Chromium-based browsers follow Chrome’s DevTools process (Cmd + Shift + I → Capture full size screenshot).
Firefox-based ones use the same right-click Take Screenshot option.
Chromebook (Chrome OS)
Built-in capture
- Press Ctrl + Shift + Show Windows (rectangle + lines key) to open the capture toolbar.
- Select Screenshot, then choose Full screen, Partial, or Window.
- Files save automatically to Downloads and copy to the clipboard.
Full-page via DevTools
Open Chrome → Ctrl + Shift + I → Ctrl + Shift + P → type “screenshot” → Capture full size screenshot.
Third-party extensions
GoFullPage, FireShot, Nimbus Screenshot, Awesome Screenshot, or CloudApp can all capture full scrolling webpages directly from Chrome OS.
3rd Party Tools To Screenshot a Webpage (All Platforms)
| Tool | Platform | Highlights |
|---|---|---|
| ShareX | Windows | Free, powerful, supports automation, scrolling, GIFs, and uploads. |
| Snagit | Win/Mac | Paid, with advanced editor, templates, and full-page capture. |
| Greenshot | Win/Mac | Free, simple, great for quick full-page captures and annotations. |
| Lightshot | Win/Mac/Chrome | Free, minimal interface, fast sharing. |
| CleanShot X | macOS | Paid, elegant UI, hides desktop clutter, scrolling capture. |
| Shottr | macOS | Free, lightweight, supports long screenshots and smart cropping. |
| FireShot | Browser extension | Full webpages to PDF/PNG with built-in editor. |
| Nimbus Screenshot | Extension/App | Visible or full-page capture with annotation tools. |
| Awesome Screenshot | Extension | Fast capture and markup for Chrome and Firefox. |