How to Screenshot Whole Page on PC, Mac, Chrome and Firefox [6 Ways]

Taking a screenshot is one of the fastest ways to capture and share what's on your screen—but what if the content you need to capture doesn’t fit all at once? If it's a long web article, a chat thread, or a scrolling dashboard, a standard screenshot just won't cut it. That's why you may have to screenshot whole page. Instead of piecing together multiple images, you can capture everything in one seamless shot. Learn the simplest, most effective ways to screenshot entire page here. 

How to Screenshot Whole Page on Windows 

Capturing an entire webpage ensures that every detail, layout, and content is preserved for later reference. On Windows, you have multiple methods to achieve this, but using the built-in features of your browser is one of the easiest ways.

Below are two methods to screenshot an entire webpage on Windows.

Screenshot entire page using Microsoft Edge

Microsoft Edge has a built-in screenshot tool that makes capturing a full webpage simple and effective. Here's how to screenshot whole page on Windows via Microsoft Edge. 

Step 1. Open the webpage in Microsoft Edge. Press Ctrl + Shift + S.

Step 2. Select Capture full page to make the tool to screenshot whole page automatically.

Step 3. Draw to highlight something important on the screenshot if needed.

Step 4. Then, share the screenshot directly, or save it to your device, or copy it to your clipboard for later use.

Screenshot entire page using iTop Screen Recorder

Need a more flexible and valuable screenshot tool? iTop Screen Recorder has you covered. Designed to capture screen content flexibly, iTop Screen Recorder allows users to take high-quality screenshots of entire webpages, specific areas, or scrolling screenshots. Whether you need to capture a whole page from a website, a document in Word or PowerPoint, or a custom-selected area, this tool ensures you won't miss a thing.

iTop Screen Recorder is really helpful when it comes to screenshot editing. The tool empowers you to add annotations to stress important points or add mosaic to blur sections for better privacy etc. Better still, it allows you to screenshot whole page on website that is protected.

To screenshot whole page using iTop Screen Recorder on a Windows PC, follow these steps. 

Step 1. Download and install iTop Screen Recorder on your PC.

Step 2. Open the webpage or document you want to capture. Launch iTop Screen Recorder. 

Step 3. Select the "Screenshot" option from the main menu, then choose "Scrolling Window", and click the screenshot button. 

Step 4. Go to the page you wish to capture, select the region and scroll down to screenshot whole page. Once you've grabbed your screenshot, you can spice it up with notes, highlight key parts, or even blur things out if you need to.

Bonus: Need to record a video from the webpage? As an all-in-one free screen recorder and screenshot tool, iTop Screen Recorder lets you to screen record anything on webpage, from text to visual content, as a video, to present dynamic and interactive elements intuitively.

How to Screenshot Whole Page on Mac

The built-in tools on Mac allows you to screenshot whole webpage with no need of extra software installation. Use the following steps to learn how to screenshot whole page on Mac via shortcuts and the Print in Safari.

Take a Full-page Screenshot Using Shortcuts

Although macOS doesn't offer native shortcuts for scrolling screenshots, you can use Safari's built-in developer tools and PDF export to capture an entire page. Here's how:

Step 1. Open the webpage in Safari on your Mac computer.

Step 2. Press Command + Shift + 5, then select the "Capture Entire Screen" option.

Step 3. The whole screen screenshot will be taken in PNG format on your Mac desktop.

Screenshot Whole Page in Safari Using Print

Another way to take a full page screenshot is to use Print in Safari to save the entire webpage as a high-quality PDF, effectively capturing a full-page screenshot. Here's how to do it on Mac.

Step 1. Open Safari and navigate to the webpage you want to capture.

Step 2. Press Command + P to open the print dialog.

Step 3. In the bottom-left corner, click the PDF drop-down menu. Select Save as PDF.

Step 4. Choose a location and click Save.

How to Screenshot Whole Page on Chrome

There are lots of extensions available to screenshot on Chrome, but many of them come with downsides — they may be unstable, require extra permissions, or pose security risks. Luckily, Chrome itself offers built-in methods to capture an entire webpage without relying on third-party tools. Here are two reliable ways to take a picture of full page directly in Chrome.

Screenshot Whole Webpage by Saving a Page to PDF

One of the easiest ways to save a full webpage is to use Chrome’s built-in print-to-PDF function. Below is how to how to screenshot whole page in Chrome by saving a whole page to PDF. 

Step 1. Open the webpage you want to capture in Chrome. Press Ctrl + P (Windows) or Cmd + P (Mac) to open the Print dialog.

Step 2. In the "Destination" dropdown, select Save as PDF. Under "Pages", make sure "All" is selected.

Step 3. Click Save, then choose the location to store the file.

Screenshot Whole Webpage Using Developer Tools

For a high-quality image of the full webpage, Chrome Developer Tools can help. 

Step 1. Press F12 or right-click the page and choose Inspect to open DevTools. Click the three-dot menu in the top-right corner of DevTools.

Step 2. Go to Run Command (or press Ctrl+Shift+P on Windows, Cmd+Shift+P on Mac).

Step 3. Type screenshot and select Capture full-size screenshot from the list.

Chrome will save the entire page as an image (.png) and open it automatically. Check the screenshot and share/use it later.

How to Screenshot Whole Page on Firefox

Taking a screenshot of an entire webpage in Firefox is easy with the built-in screenshot tool, though some websites may block this feature due to copyright or privacy settings. In such cases, you can still capture the full page using Developer Tools. Below are easy methods to capture a whole page screenshot in Firefox.

Screenshot Whole Wepage with Screenshot Tool on Firefox

This built-in screenshot tool makes capturing a whole webpage easy, but it may not work on sites that block screenshots. If you encounter this issue, you can use the Developer Tools as an alternative to screenshot whole webpage.

Step 1. Open the webpage you want to capture on Firefox. Click the Easy Screenshot button next to the address bar or 

Step 2. In the screenshot toolbar that appears, click on Save the full page. This will capture the entire page, including content that is not currently visible on the screen.

Step 3. Once the screenshot is taken, you can save it to your computer in PNG or JPEG format.

Screenshot Whole Wepage Using Developer Tools on Firefox

Using Developer Tools bypasses website restrictions and is a great alternative for capturing full-page screenshots on sites that block the standard Firefox screenshot tool. 

Step 1. Open the page you’d like to screenshot. Press Ctrl + Shift + I (Windows) or Cmd + Option + I (Mac) to open Developer Tools on Firefox.

Step 2. Click on the three dots in the upper-right corner of Developer Tools and select the settings icon. 

Step 3. Scroll down and check "Take a screenshot of the entire page" under the "Available Toolbox Buttons" section.

Step 4. You'll see a camera icon in the toolbar, click the icon to screenshot whole page on Firefox. 

Conclusion

Built-in browser screenshot tools are great for simple tasks, but more advanced options are often missing. Windows users seeking greater functionality can benefit from iTop Screen Recorder. It easily records websites that block screen recording, perfect for grabbing those animations and other moving website elements. With iTop Screen Recorder, it’s a snap to screenshot whole page and record your screen.