How to Take a Scrolling Screenshot on Mac

Is the full screen screenshot on Mac not enough for your web page image capturing needs? Use these built-in tools, third-party apps, and browser extensions to take a scrolling screenshot on Mac. These tools and apps only work for web pages and files you can view in browsers.

Tip: you can also take scrolling screenshots in Windows using web browsers and third-party apps like Microsoft Edge and ShareX.

How to Take a Scrolling Screenshot on Mac Using Safari

You can take a scrolling screenshot on Mac without downloading or using third-party apps. You only need Safari, which comes with Mac computers as the default web browser. Follow these steps to use it to take a scrolling screenshot:

1. Go to the web page you want to screenshot.

2. Scroll down to the bottom of the web page.

3. From the menu bar, click on “Safari,” then select “Settings … “

4. In the Safari settings window, go to the “Advanced” tab, tick the “Show Develop menu in menu bar,” then close the settings window.

5. From the menu bar, click on “Develop,” then select “Connect Web Inspector” or “Show Web Inspector.”

6. A window will appear containing elements and other web page assets.

7. Select the first HTML element under the “Elements” tab in the web inspector.

8. Right-click on the element, then select “Capture Screenshot.”

9. Rename the screenshot, select a save destination, and click on “Save.”

10. You can find the image in the save location you selected when you saved it to your Mac. In this example, we are saving the screenshot to the “Desktop” folder as shown above.

Third-Party Apps for Taking Scrolling Screenshots

If you find Mac’s native scrolling screenshot method complicated, you can download and use third-party apps instead. Two such apps that you can use are listed below:

How to Take a Scrolling Screenshot on Firefox

The Firefox web browser has a built-in tool that makes taking screenshots of entire web pages a breeze. Follow these easy steps:

1. Launch Firefox and visit the web page you want to capture.
2. Right click on a blank space within the web page and select “Take Screenshot.”

3. Click on “Save full page” to take a screenshot of the whole web page.

4. In the pop-up window with the screenshot preview, click on the “Download” button.

5. You can find the downloaded image in Firefox’s default downloads folder or a different location that you have previously selected.

How to Take a Scrolling Screenshot on Microsoft Edge

Windows’s native browser, Microsoft Edge, has a built-in screenshot tool that lets you capture a scrolling screenshot on Mac. The steps below show how to take a screenshot of a full web page using Microsoft Edge for Mac:

1. Go to the web page you want to screenshot.
2. Right click on a blank space within the web page, then select “Web Capture.” You can also press Shift + Command + S.

3. When a small pop-up appears, click on “Capture Full Page” to capture the whole web page.

4. In the web capture preview window, click on the floppy disk icon to save the image.

5. You’ll find the image you downloaded in Microsoft Edge’s default downloads folder or different location that you have previously selected.

How to Use Full Page Screen Capture to Take a Scrolling Screenshot on Mac

Full Page Screen Capture is a free web app you can use to download a screenshot of a web page by pasting the page link on the app’s website. Use this tool with any web browser on your Mac. These step-by-step details show how to get a scrolling screenshot on your Mac using this third-party web app:

1. Launch your web browser and go to Full Page Screen Capture’s website.
2. Paste or type the URL of the web page you want to take a screenshot of, then click “Capture Now.”

3. Wait for the app to process the web page’s screenshot.

4. When the screenshot is ready, you’ll see a preview below the URL field. Click on the “Click to Download” button over the web page’s image. You’ll be directed to a new tab to view and save the full screenshot of the website.

5. In the new tab, right-click on the image, then click on “Save Image As … “

6. Add a filename, choose the image’s save destination, then click “Save.”

7. You can find the image in the save location you selected when you saved it to your Mac. In the example above, we are saving the screenshot to the “Desktop” folder.

How to Use Browser Extensions to Take Scrolling Screenshots on Mac

Aside from using Mac’s native tool and third-party tools, you can add dedicated web browser extensions, then use them to take scrolling screenshots on Mac. Listed below are two free browser extensions that can be used for this:

How to Use GoFullPage to Take a Scrolling Screenshot

GoFullPage is a browser extension that takes full web page screenshots. You need to add GoFullPage as a browser extension to use it. Follow these steps to take a scrolling screenshot on Mac:

1. Launch Google Chrome and add the GoFullPage Chrome extension to your browser by clicking on the “Add to Chrome” button.

2. A pop-up will appear asking if you want to add the GoFullPage browser extension. Click on the “Add extension” button to continue.

3. After adding the GoFullPage extension to your browser, you’ll be taken to a web page showing you how to use it.

4. Pin the GoFullPage icon to Chrome for quick access. To do this, click on the puzzle piece icon at the top right of Google Chrome’s window, then click on the pin icon to the right of GoFullPage.

5. Go to the web page you want to take a scrolling screenshot of.

6. Click on the GoFullPage icon at the top right of the Google Chrome window to process a screenshot of the web page. You will be directed to a new tab where you can view and download the screenshot.

7. In the new tab, you can download the screenshot as a .pdf or an image (.png). Click on your preferred file type to start downloading the image.

8. You can find the image in your Mac’s downloads folder or different location that you have previously selected.

How to Use Movavi Screenshot Chrome Extension

The Movavi Screenshot Chrome Extension is a screenshot tool from Movavi’s multimedia suite that will take scrolling screenshots on Mac. Like GoFullPage, you only need to add Movavi Screenshot Chrome Extension to your browser to use it. Follow this step-by-step guide to use it:

1. Launch Google Chrome and go to the Movavi Screenshot Chrome Extension page on the Chrome Web Store.
2. Click “Add to Chrome” to add this as a Google Chrome browser extension.

3. A pop-up will ask you if you want to add Movavi Screenshot Chrome Extension. Click on the “Add extension” button to continue.

4. Open the extensions tab by clicking on the puzzle piece icon at the top right of Google Chrome’s window. Click on the pin icon to the right of “Movavi Screenshot Chrome Extension” to pin it for easy access.

5. Visit the web page you want to take a scrolling screenshot of.

6. At the top right of your browser window, click on the Movavi Screenshot Chrome Extension camera icon.

7. Select “Capture entire page” to take a screenshot of the whole web page.

8. Let the extension process the image. When it’s done, you’ll be directed to a new tab where you can view and download the screenshot.

9. In the new tab, click on the “Save JPG” button to download the image.

10. When the extension asks for your permission to manage your downloads, click on the “Allow” button.

11. Rename your screenshot, select a save destination, then click on “Save.”

12. You can find the image in the save location you selected when you saved it to your Mac. In the above example, we are saving the screenshot to the “Desktop” folder.

Frequently Asked Questions

Can I use the inspect tool to take a scrolling screenshot on a non-Safari browser?

Firefox also has a screenshot feature within its inspect tool. Just like on Mac, you can right-click on the first element and select “Screenshot Node” to save an image of a whole web page. Google Chrome doesn’t offer this feature.

Do GoFullPage and Movavi Screenshot Chrome Extension work with other browsers?

GoFullPage works on Google Chrome and Microsoft Edge. Movavi Screenshot Chrome Extension works on Google Chrome and Firefox.

How can I remove extensions on Google Chrome?

Click on the puzzle piece icon at the top right of Google Chrome’s window. Find the extension you want to remove, click on the three horizontal dots to its right, then select “Remove from Chrome.”

Image credit: Unsplash. All screenshots by Natalie dela Vega.