9 Ways to Screenshot Entire Webpage on Mac or Windows (2024)

If you are looking for how to capture a full web page screenshot on a Mac or PC, this post is 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.

You want to get this done quickly, so I’ll show you how to do it step by step. I’ll also point out the pros and cons of each method, just wanted to save you time figuring out which method is the best for you.

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 on your computer or phone to get that done quickly: Shift + Command + 4 (macOS) or Ctrl + PrtScn (Windows).

Summary:

  • Don’t want to download any software or extension? Try Method 1 or Method 7.
  • If you are using the Mozilla Firefox browser, try Method 2.
  • If you want to capture the screenshots as well as make simple edits, try Method 3, 5, 6.

Quick Update: For Mac users, it is even possible to capture a full-sized screenshot without a browser extension.

1. Open DevTools in Chrome (command + option + I)

2. Open the Command Menu (command + shift + P) and type in “screenshot”

3. Select one of the two options “Capture full size screenshot” of “Capture screenshot”.

4. The captured image will be downloaded to your computer.

Tip contributed by our reader, Hans Kuijpers.

Table of Contents

  • 1. Print and Save an Entire Webpage as a PDF
  • 2. Firefox Screenshots (for Firefox Users)
  • 3. Parallels Toolbox for Mac (Safari)
  • 4. Awesome Screenshot Plugin (for Chrome, Firefox, Safari)
  • 5. Capture a Scrolling Window or Entire page with Snagit
  • 6. Capto App (for Mac Only)
  • Other Methods
    • 7. Capture a Full-size Screenshot on Chrome without a Browser Extension
    • 8. Full Page Screen Capture (Chrome Extension)
    • 9. Paparazzi (Mac Only)

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 image in PNG or JPEG format first, then crop the image 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 image.
  • It’s difficult to directly customize the screenshots.

2. Firefox Screenshots (for Firefox Users)

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 image 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.

3. Parallels Toolbox for Mac (Safari)

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 of time to install the app.
  • It’s not freeware, though a 7-day no-limitation trial is provided.

4. Awesome Screenshot Plugin (for Chrome, Firefox, Safari)

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 image. That’s it!

Pros:

  • Extremely easy to use.
  • Image 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 really like Snagit. 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 Image > 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 from 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 image 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.

6. Capto App (for Mac Only)

Capto is a productivity app for many Mac users, myself included. The core value of the app is to record screen videos on your Mac, but it also allows you to capture screenshots and save the images 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 image 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.

Other Methods

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.

7. Capture a Full-size Screenshot on Chrome without a Browser Extension

This tip was kindly shared by one of our readers, Hans Kuijpers.

  • Open DevTools in Chrome (OPTION + CMD + I)
  • Open the Command Menu (CMD + SHIFT + P) and type in “screenshot”
  • Select one of the two options “Capture full size screenshot” of “Capture screenshot”.
  • The captured image will be downloaded to your computer.

8. Full Page Screen Capture (Chrome Extension)

Similar to Awesome Screenshot, Full Page Screen Capture is a Chrome plugin that is incredibly easy to use. Just install it (here’s the link to its extension page) on your Chrome browser, locate the web page you want to capture and hit the extension icon. A screenshot is made almost instantly. However, I found it less appealing because it does not have the image editing features that Awesome Screenshot has.

9. Paparazzi (Mac Only)

Update: this app hasn’t been updated for quite a long time, there may be compatibility issues with the latest macOS. I thus don’t recommend it anymore.

Paparazzi! is a Mac utility designed and developed by Nate Weaver specifically for making screenshots of web pages. It’s quite intuitive. Just copy and paste the webpage link, define the image size or delay time, and the app will return the result for you. Once that’s done, click the download icon located on the bottom-right corner to export the screenshot.

The main concern I have is that the app was last updated quite a few years ago, so I’m not sure if it will be compatible with future macOS versions.

These are the different ways to take screenshots for a full or scrolling webpage. As I said in the quick summary section, different methods have their own advantages and disadvantages, so be sure to choose the one that best fits your needs. I’ll leave it to you to choose which one(s) to use.

As always, if you’ve got any questions or suggestions, feel free to leave a comment below.

31 Comments

  1. 9 Ways to Screenshot Entire Webpage on Mac or Windows (25)

    Elena Peteron January 4, 2022 at 7:24 am

    Hey JP, it’s a great and insightful post for me. The way you have structured all the information with pros and cons about each way to take screenshots of a webpage is commendable. I liked Snagit- allowing me to capture a screenshot while scrolling windows and take a screenshot without using chrome extension on chrome. I appreciate your effort.

    Reply

  2. 9 Ways to Screenshot Entire Webpage on Mac or Windows (26)

    Mister Pugon November 19, 2021 at 6:20 pm

    @Hans – that’s the most brilliant tip. I had no idea! Thank you!

    Reply

  3. 9 Ways to Screenshot Entire Webpage on Mac or Windows (27)

    Jesper Søkbæk Sørensenon October 12, 2020 at 3:36 pm

    Thanks! – What i have been looking for. Do you know a software to put a link in, so it will fit in the correct pixel?

    Reply

  4. 9 Ways to Screenshot Entire Webpage on Mac or Windows (28)

    Kateon May 15, 2020 at 3:04 am

    Brilliant Firefox, quick as a snap of my fingers! Thank you very much for sharing!

    Reply

  5. 9 Ways to Screenshot Entire Webpage on Mac or Windows (29)

    Susan Sinclairon February 15, 2020 at 3:06 pm

    Dear JP, I can’t get Awesome Screenshot with Safari. After the Sept 2019 update to Safari it no longer works. This drives me crazy. It was a great tool. And why can’t Safari & Mac make it work?
    I also can’t get “command+shift+4” to create a crosshair for taking a shot. Any suggestions? I would be so grateful. I currently have to bring up Preview to take a screenshot.

    Reply

  6. 9 Ways to Screenshot Entire Webpage on Mac or Windows (30)

    Kerrie Redgateon January 11, 2020 at 3:42 pm

    Many, many thanks, JP!
    Firefox worked brilliantly! Super easy! Exactly what I needed (as I didn’t want to install Chrome).
    Thank you so much for posting all this thorough information.
    Cheers from Australia!

    Reply

  7. 9 Ways to Screenshot Entire Webpage on Mac or Windows (31)

    Sharion September 27, 2019 at 4:07 pm

    I was using Awesome screen shot for years with Safari but now with the latest Update to Safari (Sept 2019) it no longer works (Mac gave me a notice that this plugin wouldn’t work any more.) I hope they update it. It was a great tool to quickly get a full page screen shot.

    Reply

  8. 9 Ways to Screenshot Entire Webpage on Mac or Windows (32)

    Philon September 2, 2019 at 8:42 am

    Hi JP,

    Very helpful, however I find the quality of the image (using Methods 3 and 7) was not very good, compared to what we get if we use the snipping tool for part of a website. Should we just expect that free tools aren’t going to have very good resolution?

    I also found that both methods didn’t capture the full page of one website, but it was a training one, and I had to pay to access it … could it be that they set up the web page to limit how much of the screen you could capture (it got about 2/3 of it).

    Thanks again,

    Phil

    Reply

  9. 9 Ways to Screenshot Entire Webpage on Mac or Windows (33)

    Mering Vonon August 21, 2019 at 10:28 am

    That’s amazing! So many methods! Thanks very much! But there’s a problem after installing the plugin on safari according to the link. They didn’t work except the first option “Capture Visible Part of Page”. Besides, I can’t remove it just as the awesome screenshot on Chrome. There is no “remove” option.

    Reply

  10. 9 Ways to Screenshot Entire Webpage on Mac or Windows (34)

    Willemon August 13, 2019 at 7:07 am

    Great article, thanks. Got the first one for both Safari and Chrome and I use it all the time now in Chrome. Works real well like an app so it feels natural too. Thanks again!

    Reply

  11. 9 Ways to Screenshot Entire Webpage on Mac or Windows (35)

    LenSkion July 31, 2019 at 2:58 pm

    Nice researching and great sharing. Very very helpful!! Thank you very much!!

    Reply

  12. 9 Ways to Screenshot Entire Webpage on Mac or Windows (36)

    Tedon April 8, 2019 at 6:09 pm

    no 3-dot icon/button (Page Actions menu), or screenshot option, anywhere I could find in my Firefox 65.0.1

    None of that in my 3 horizontal line “Open menu” option, either.

    Can anyone guide me to this?

    Thanks!

    Reply

  13. 9 Ways to Screenshot Entire Webpage on Mac or Windows (37)

    Domon March 26, 2019 at 9:13 am

    GrabzIt provides a free online screenshot tool that allows you to convert any webpage to a full length screenshot on demand or to a schedule.

    https://grabz.it/screenshot-tool/

    Reply

  14. 9 Ways to Screenshot Entire Webpage on Mac or Windows (38)

    Perryon March 7, 2019 at 10:46 am

    Hi All,

    I want to capture excels and want scrolling both ways , down and right…can anybody please suggest which will e the best tool for this.

    Thanks Inn advance!

    Reply

  15. 9 Ways to Screenshot Entire Webpage on Mac or Windows (39)

    MacKenzieon August 19, 2018 at 1:41 am

    Hey JP – YES! Time for a refresh on what still works. Tons of articles out there, some that were posted as far back as 2007.

    A few notes:

    Papparazzi – Worked for me sometimes. For longer pages it sometimes stalled out.

    Fireshot – I nabbed this Chrome extension when Paparazzi wasn’t working smoothly. Works well and is easy to save to either PDF or JPG. But had trouble from time to time when the web page was a sprawling long one with lots of images.

    Web-Capture – This is what I fall back on when all else fails. Even tho it can take a bit of time for longer pages, it usually gets them right.

    Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (40)

      JP Zhangon February 10, 2020 at 5:04 am

      Thanks for the notes!

      Reply

  16. 9 Ways to Screenshot Entire Webpage on Mac or Windows (41)

    Ravion August 4, 2018 at 7:55 am

    Hi I’m trying to take scrolling screen shot of “pop-up” on my web browsers (Chrome & safari). None of the popular extensions are helping me to do that.
    Any suggestions?

    PS: Workaround I’m using right now is to copy the visible section of the pop-up and scroll, repeat the process till the entire pop-up is covered.

    Regards,
    Ravi

    Reply

  17. 9 Ways to Screenshot Entire Webpage on Mac or Windows (42)

    Thomason April 12, 2018 at 2:31 pm

    Great article. Very helpful! Thanks!

    Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (43)

      JPon April 13, 2018 at 6:30 am

      You are welcome. Glad that you find it helpful 🙂

      Reply

  18. 9 Ways to Screenshot Entire Webpage on Mac or Windows (44)

    Hans Kuijperson April 8, 2018 at 1:03 pm

    It is even possible to capture a full sized screenshot without a browser extension.
    – Open DevTools in Chrome (OPTION + CMD + I)
    – Open the Command Menu (CMD + SHIFT + P) and type in “screenshot”
    – Select one of the two options “Capture full size screenshot” of “Capture screenshot”.
    – That’s it… the captured image will be downloaded to your computer

    Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (45)

      JPon April 13, 2018 at 6:31 am

      Thanks for sharing that, Hans. 🙂

      Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (46)

      Mileson January 11, 2019 at 7:47 am

      On my extremely long webpage it failed to capture the whole page. So probably there is a upper limit to how long a webpage you can capture with this tool.

      Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (47)

      Alessandroon February 27, 2019 at 10:25 am

      By far the best solution for Chrome.

      Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (48)

      Tanya Hydeon April 14, 2019 at 11:00 pm

      Thanks, that’s so useful – Awesome screenshot always captures sticky menus and repeats them down the screencap which is so annoying – this fixes that!

      Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (49)

      Yogeshon May 20, 2019 at 6:31 am

      It’s not working for scrolling webpage

      Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (50)

      Pablo Monteroon July 18, 2019 at 7:58 am

      Awesome Hans!

      Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (51)

      LenSkion July 31, 2019 at 2:23 pm

      Nice trick! Love it!! But I cannot get the “whole” page. For example, I tried on this page and only got to “4. Capture a Scrolling Window or Entire page with Snagit” section…

      maybe it only happens to my computer?

      Reply

    • 9 Ways to Screenshot Entire Webpage on Mac or Windows (52)

      Anonymouson September 16, 2019 at 6:35 pm

      This helped me so much, thank you!

      Reply

  19. 9 Ways to Screenshot Entire Webpage on Mac or Windows (53)

    Mickon January 15, 2018 at 12:32 am

    Yeah, just get Snagit. It was by far the easiest way to get a scrolling screenshot!

    Reply

Submit a Comment

9 Ways to Screenshot Entire Webpage on Mac or Windows (2024)
Top Articles
Latest Posts
Recommended Articles
Article information

Author: Msgr. Refugio Daniel

Last Updated:

Views: 5744

Rating: 4.3 / 5 (74 voted)

Reviews: 89% of readers found this page helpful

Author information

Name: Msgr. Refugio Daniel

Birthday: 1999-09-15

Address: 8416 Beatty Center, Derekfort, VA 72092-0500

Phone: +6838967160603

Job: Mining Executive

Hobby: Woodworking, Knitting, Fishing, Coffee roasting, Kayaking, Horseback riding, Kite flying

Introduction: My name is Msgr. Refugio Daniel, I am a fine, precious, encouraging, calm, glamorous, vivacious, friendly person who loves writing and wants to share my knowledge and understanding with you.