How to Screenshot Entire Webpage or Window on Windows and Mac OS X

Suppose you open a webpage and wish to take a screenshot but it is longer than your screen. By default, you have to screenshot on one part and then take a screenshot for another part. Then paste them together in a photo editor.

In fact, some utilities have the ability to take scroll screenshots. In another word, they can capture windows and webpages at any length.

This guide will tell you the best way to do it on PC and Mac.

Part 1: How to Take a Scroll Screenshot on Windows 10

There are several ways to screenshot on Windows 10, like the Print Screen key, Snipping Tool and Game Bar. However, they cannot make scroll screenshot at all. Therefore, you have to use a third-party tool, such as ShareX. It is an open-source utility, so you can use it to capture an entire webpage on PC for free.

Step 1: Firstly, install the scroll screenshot tool on your computer since it is a desktop program.

Step 2: With the long window or webpage open in the background, open ShareX. Go to the Capture menu on the left-hand column and choose Scroll capture.

Step 3: Click the capture area to get more options and hit Select window or control to scroll. By default, ShareX screenshot the entire webpage.

Step 4: Hit the Start scrolling capture button and browse to the end. Then the output window will show up.

Step 5: Click Upload/save depending on after capture settings button. Then you will be presented the destination folder. If not sure, you can find the scroll screenshot in main window with the directory.

Part 2: How to Take a Scroll Screenshot on Mac

Apple has introduced the screenshot function into macOS 10.14 Mojave. Similar to Snipping Tool on PC, the built-in utility cannot take scroll screenshots on Mac. In result, you have to use a third-part app, like Snagit, ShareX, Capto, etc. We use the first one as example to show you how it works.

Step 1: Get the scroll screenshot app installed on your Mac and open it from the Applications folder.

Step 2: Click the S icon at the top menu bar to open the main capture window. Go to the Image tab and choose Scrolling Window from the Selection option.

Step 3: Then open the app or webpage that you wish to screenshot. Then click the Capture button on the screenshot app.

Step 4: Now, locate the target app or webpage and move your cursor to that area. Then you will get three icons, Capture Vertical Scrolling Area, Capture Horizontal Scrolling Area, and Capture Entire Scrolling Area.

Step 5: Select anyone according to your need. Then the screenshot app will capture the off-screen part automatically.

Step 6: When it is done, you will be taken to the editor window. Edit the large screenshot and then save it as you wish.

Part 3: How to Screenshot Entire Webpage in Browser

If you just want to take a scroll screenshot for webpages, things may be simple. Today, most major web browsers offer the capacity of scroll screenshot including Chrome and Firefox. Besides, there are some extensions available to take screenshot for entire webpage.

How to Screenshot Entire Webpage in Chrome

Step 1: Open the webpage you wish to capture in Chrome.

Step 2: Click the More Tools button with a three-dot icon at the top right corner. Go to More tools and select Developer tools.

Step 3: Then hit the Customize and control DevTools icon and select Run command. Type screenshot in the command line, and select Capture full size screenshot.

Step 4: When prompted, select a destination and click Save.

More ways to take screenshots on Chrome are here.

How to Scroll Screenshot in Firefox

Step 1: When you want to capture a webpage in Firefox, click the Page Actions button with a three-dot icon.

Step 2: Choose Take a Screenshot and then pick Save full page. Then your screen will flash and then you will see the screenshot for entire webpage.

Step 3: Now, click the Download icon and save it to your hard drive. If you have an account, you can upload the picture to cloud storage instead.

You can refer to this post to get more details to take screenshots on Firefox.

How to Take a Screenshot for Entire Webpage with Extension

Awesome Screenshot is a simple way to screenshot entire webpage. Moreover, it is available to Safari, Firefox and Chrome.

Step 1: Ge the extension into your browser.

Step 2: Visit the desired page. Click extension icon on the toolbar, and select Capture entire page.

Step 3: Then the webpage will scroll down and be captured. When you are presented the screenshot, click Done and hit the Download icon to get it.

Recommend: Best Screenshot Tool

Sometimes, you just need an easy-to-use screenshot tool for PC or Mac. Vidmore Screen Recorder is a good choice. It includes extensive pro-level functions focusing on screenshot, but all of them are easy to learn and not require any technical skill.

Part 4: FAQs of Scroll Screenshot

Can you take a scrolling screenshot on iPhone?

iOS 13 allows you to take a full-page screenshot in Safari; however, there is no built-in feature available to take scroll screenshot on iOS 12 and earlier.

How do you take a scrolling screenshot on Samsung?

There is a Screenshot toolbar built-in Samsung phones. Once you enable it in Settings app, you will get the toolbar at the bottom available to take scroll screenshots.

How do I enable screenshot on iPhone?

Screenshot option is built-in the AssistiveTouch. You can enable it in Settings, General and then Accessibility.