10 Ways to Screenshot Entire Webpage on Mac or Windows

If you are looking for how to capture a full web page screenshot on Mac or PC, this is the place for you. I’ve tried a handful of tools and techniques that claim to be able to screenshot an entire webpage, but only a few still work as of this writing.

This guide is for those who want to take a whole screenshot of the entire or long web page — meaning there are sections that aren’t totally visible on your screen. If you simply want to capture a static window or a full desktop screen, this guide is NOT for you. You can use the built-in tools in your computer or mobile phones to get that done quickly: Shift + Command + 4 on a Mac or Ctrl + PrtScn on a PC.

Here are the steps to follow when taking a full-page screenshot:
  1. Open the page you intend to capture.
  2. Simultaneously press Command + Shift + 5.
  3. A screen record toolbar will emerge at the bottom of your screen.
  4. On the menu bar, click the Record Entire Screen button.
  5. A camera icon will appear – click it anywhere on the screen.

Screen Capture Entire Web Pages On Your Mac

Quick Summary:

  • If you don’t want to download any software or extension, try Method 1 or Method 7.
  • If you are using Mozilla Firefox browser, try the Method 2.
  • If you want to capture the screenshots as well as make simple edits, check out Method 3, 5, 6.
  • 1. Print and Save an Entire Webpage as a PDF

    Suppose you want to extract, say, an Income Statement sheet from Yahoo Finance. First, open the page on a web browser. Here, I use Chrome on my Mac as an example.

    Step 1: On the Chrome menu, click File > Print.

    Step 2: Click the “Save” button to export the page into a PDF file.

    Step 3: If you want to embed the financial sheet into a PowerPoint project, you may need to convert the PDF into an in PNG or JPEG format first, then crop the only to include the data part.

    Pros:

  • It’s quick.
  • No need to download any third-party software.
  • The screenshot quality is good.
  • Cons:

  • Extra time may be needed to convert the PDF file into an .
  • It’s difficult to directly customize the screenshots.
  • Firefox Screenshots is a new feature developed by the Mozilla team to help you take, download, collect and share screenshots. You can use this feature to quickly save a screenshot of an entire web page.

    Step 1: Click on the Page actions menu in the address bar.

    Step 2: Select the “Save Full Page” option.

    Step 3: Now you can choose to download the directly to your computer desktop.

    Side note: I saw that this feature is still in BETA, so it’s not guaranteed that Firefox will keep it. But by the time this post was last updated, this feature is still accessible. Also, the most popular web browser like Apple Safari or Google Chrome doesn’t offer this feature yet.

    If you want to take a scrolling screenshot on Mac, you’ll love this feature called “Screenshot Page” in Parallels Toolbox which includes a handful of small utilities.

    Note: Parallels Toolbox is not freeware, but it offers a 7-day trial without any functional limitations.

    Step 1: download Parallels Toolbox and install the app on your Mac. Open it and find Take Screenshots > Screenshot Page.

    Step 2: Click on Screenshot Page and it will take you to another window asking to add an extension to Safari. Once you enable it, you’ll see this icon show up on your Safari browser.

    Step 3: Select the page you want to screenshot and click on the Parallels Screenshot icon, it will then automatically scroll your page and take a screenshot and save as a PDF file on your desktop.

    Pros:

  • The quality of the output PDF file is very good.
  • You don’t have to scroll manually as the app will do it for you.
  • Besides screenshotting a webpage, you can also capture an area or window.
  • Cons:

  • It takes a bit time to install the app.
  • It’s not freeware, though 7-day no limitation trial is provided.
  • Awesome Screenshot has a plugin that can capture all or part of any web page. Also, it allows you to edit the screenshots: You can comment, add annotations, blur sensitive information, etc. The plugin is compatible with major web browsers including Chrome, Firefox, and Safari.

    Here are the links to add the plugin:

  • Chrome
  • Firefox (Note: since the Firefox Screenshots is now available, I don’t recommend this plugin any longer. See method 2 for more.)
  • Safari
  • I’ve tested the plugin on Chrome, Firefox, and Safari, and they all work well. To make things easier, I’ll use Google Chrome as an example. The steps for using Awesome Screenshot for Firefox and Safari are quite similar.

    Step 1: Open the above Chrome link and click “ADD TO CHROME.”

    Step 2: Hit “Add extension.”

    Step 3: Once the extension icon shows up on the Chrome bar, click on it and select the “Capture entire page” option.

    Step 4: Within a few seconds, that web page scrolls down automatically. A new page will open up (see below), showing you the screenshot with an editing panel that allows you to crop, annotate, add visuals, etc. Click “Done” when you’re finished.

    Step 5: Hit the “download” icon to save the screenshot . That’s it!

    Pros:

  • Extremely easy to use.
  • editing features are great.
  • It’s compatible with major web browsers.
  • Cons:

  • The extension may encounter some operational issues, according to its developer. I haven’t experienced any such issues yet.
  • 5. Capture a Scrolling Window or Entire page with Snagit

    I’ve been a fan of Snagit (review) for quite a while. It’s a powerful screen capture and editing app that allows you to do almost anything related to screenshotting. To take a full screenshot of a web page, follow the steps below (I’ll use Snagit for Windows as an example):

    Please note: Snagit is not freeware, but it has a 15-day free trial.

    Step 1: Get Snagit and install it on your PC or Mac. Open the main capture window. Under > Selection, make sure you choose “Scrolling Window.” Hit the red Capture button to continue.

    Step 2: Locate the web page you want to screenshot, then move the cursor to that area. Now Snagit will be activated, and you’ll see three yellow arrow buttons moving. The bottom arrow represents “Capture Vertical Scrolling Area,” the right arrow represents “Capture Horizontal Scrolling Area,” and the bottom-right corner arrow represents “Capture Entire Scrolling Area.” I clicked on the “Capture Vertical Scrolling Area” option.

    Step 3: Now Snagit scrolls the page automatically and captures the off-screen parts. Soon, a Snagit Editor panel window will pop up with the screenshot it just took. See the available editing features listed there? That’s why Snagit stands out of the crowd: You can make as many changes as you’d like, with tons of options.

    Pros:

  • It’s able to capture a scrolling webpage as well as a window.
  • Powerful editing features.
  • Very intuitive and easy to use.
  • Cons:

  • It takes time to download and install the app (~90MB in size).
  • It’s not free, though it comes with a 15-day trial.
  • Capto is a productivity app for many Mac users, myself included. The core value of the app is to record screen video on your Mac, but it also allows to capture screenshots and save the s to its library. You then can easily edit, organize and share them.

    Note: Similar to Snagit, Capto is also not freeware but it does offer a trial that you can take advantage of.

    Here’s how to take an entire screenshot using Capto:

    Step 1: Open the app and on the top of the menu, click on the “Web” icon. There you can choose to snap the URL of a webpage in different ways. For example, if you’re already on the page, simply click “Snap Active Browser URL”

    Step 2: You can also edit the screenshot e.g. highlight an area, add an arrow or text, etc. using the tools on the left panel.

    Step 3: Now Capto will extract the page elements and save an to its library. You then select File > Export to save it locally.

    Note: if you select to let Capto snap a web page from the active browser, this may take some time in case of a longer webpage.

    During my exploration, I also found a few other working methods. I don’t want to feature them above because they aren’t as good considering the time and effort you need to invest and the quality of output. Nonetheless, they do work, so feel free to give some of them a try.

    Leave a Comment