How to Screenshot a Whole Webpage: 4 Free Ways (2022)

Try these free methods to learn how to take a screenshot of an entire webpage, no matter how large.

Taking screenshots is such a convenient way to capture what’s on your computer screen. However, it can get tricky when what you want to capture doesn’t quite fit on your screen. While you can always zoom out, what’s the point if you can’t read it because it’s so small? We’ve compiled a list of the four best ways to screenshot a whole page without losing readability, plus they’re completely free!

Related: How to Get a Screenshot on iPad: The 4 Best Ways

Jump To:

How to Print & Save an Entire Webpage as a PDF

The simplest and easiest way to save an entire webpage is to create a PDF. The only drawback to this method is that the webpage will appear on multiple pages, as opposed to just one very long image. This method is pretty much the same across all web browsers, but I’ll walk you through the steps for Safari, Chrome, and Firefox. For more cool tips about how to use your Mac, sign up for our free Tip of the Day newsletter.

Safari

After you’ve navigated to the webpage you want to save:

  1. Select File in the top menu bar.

    Select File in the top menu bar.
  2. Click Print.

    Click Print.
  3. Click the drop-down menu that says PDF.

    Click the drop-down menu that says PDF.
  4. Select Save as PDF.

    Select Save as PDF.
  5. Choose a name and location for your file and click Save.

    Choose a name and location for your file and click Save.

Chrome

After you’ve navigated to the webpage you want to save:

  1. Select File in the top menu bar.

    Select File in the top menu bar.
  2. Click Print.

    Click Print.
  3. Click More Settings.

    Click More Settings.
  4. Select Open PDF in Preview.

    Select Open PDF in Preview
  5. Go to File in the top menu.

    Go to File in the top menu.
  6. Click Save.

    Click Save.
  7. Choose a name and location for your file and click Save.

    Choose a name and location for your file and click Save.

Firefox

After you’ve navigated to the webpage you want to save,

  1. Select File in the top menu bar.

    Select File in the top menu bar.
  2. Click Print.

    Click Print.
  3. Click Print Using the System Dialogue.

    Click Print Using the System Dialogue.
  4. Click the drop-down menu that says PDF.

    Click the drop-down menu that says PDF.
  5. Select Save as PDF.

    Select Save as PDF.
  6. Choose a name and location for your file and click Save.

    Choose a name and location for your file and click Save.

How to Use Awesome Screenshot Plugin (for Chrome, Firefox, Safari)

The Awesome Screenshot plugin is available on most web browsers and is extremely easy to use. The difference between this method and saving as a PDF is that this will save the webpage as one very long image. First, go ahead and download the plugin. On Safari, go to Safari in the top menu and click Safari Extensions, on Chrome and Firefox you can just Google “Awesome Screenshot Plugin” and download it directly from the web. The plugin works basically the same on each web browser. I will demonstrate using Chrome.

  1. Go to the Puzzle Piece icon in your browser.

    Go to the Puzzle Piece icon in your browser.
  2. You will see a list of all your downloaded plug ins, pin Awesome Screenshot.

    You will see a list of all your downloaded plug ins, pin Awesome Screenshot.
  3. Now, click the Awesome Screenshot icon in your browser.

    Now, click the Awesome Screenshot icon in your browser.
  4. Click Full Page.

    Click Full Page.
  5. After a moment, the screen will finish capturing and you will be brought to an editing page where you can make adjustments.

    After a moment, the screen will finish capturing and you will be brought to an editing page where you can make adjustments.
  6. When you’re finished, click Done.

    When you’re finished, click Done.
  7. Select Download.

    Select Download.
  8. Choose a name and location for your file and click Save.

    Choose a name and location for your file and click Save.

How to Use Developer Tools to Print a Webpage in Chrome

For more advanced users, using developer tools is also a great way to take a screenshot of a whole page. To do this in Chrome:

  1. Right-click on the webpage you want to screenshot.

    Right-click on the webpage you want to screenshot.
  2. Click Inspect.

    Click Inspect.
  3. Then, on your keyboard, press Command-Shift-P all at once.

  4. Type Screenshot into the search bar.

    Type Screenshot into the search bar.
  5. Select Capture Full Size Screenshot.

    Select Capture Full Size Screenshot.

How to Use Developer Tools in Safari

If you prefer to use Safari instead of Chrome, you can still access developer tools and download a screenshot in the same way, just with slightly different steps. You will first need to enable the Developer tab on Safari. To do this:

  1. Open Safari and click Safari on the top menu.

    Open Safari and click Safari on the top menu.
  2. Select Preferences.

    Select Preferences.
  3. Go to the Advanced tab.

    Go to the Advanced tab.
  4. Click Show Develop Menu in Menu Bar.

    Click Show Develop Menu in Menu Bar.
  5. Now, once you’ve navigated to the webpage you want to screenshot, click Develop in the top menu.

    Now, once you’ve navigated to the webpage you want to screenshot, click Develop in the top menu.
  6. Select Connect Web Inspector.

    Select Connect Web Inspector.
  7. Click the Elements tab.

    Click the Elements tab.
  8. Hover your mouse over the topmost text and right-click.

    Hover your mouse over the topmost text and right-click.
  9. Click Capture Screenshot.

    Click Capture Screenshot.
  10. Choose a name and location for your file and click Save.

    Choose a name and location for your file and click Save.

How to Use Firefox Screenshot Extension

Unlike Safari and Chrome, Firefox actually has a built-in option to capture an entire webpage in a single screenshot. To access this feature,

  1. Navigate to the page you want to screenshot in Firefox and right-click on the top of the browser.

    Navigate to the page you want to screenshot in Firefox and right-click on the top of the browser.
  2. Click Customize Toolbar.

    Click Customize Toolbar.
  3. Click and drag the Screenshot tool to the top of the browser.

    Click and drag the Screenshot tool to the top of the browser.
  4. Close that tab and return to the page you want to screenshot.

    Close that tab and return to the page you want to screenshot.
  5. Now, click the Screenshot tool.

    Now, click the Screenshot tool.
  6. Select Save Full Page.

    Select Save Full Page.
  7. Then, click Download.

    Then, click Download.

Important Note: Developer tools are extremely handy but if your webpage is too long, it may not be able to capture the entire thing. In that case, using something like the Awesome Screenshot Plugin would be more appropriate.

And there you have four free ways to take a screenshot of an entire webpage on any web browser you choose. Unfortunately, there are a lot of websites and apps that require you to pay for their services. Luckily all the methods above are completely free and easy to use. Hopefully one of these ways works for you!

Master your iPhone in one minute a day: Sign up here to get our FREE Tip of the Day delivered right to your inbox.

Topics

Author Details

Rachel Needell's picture

Author Details

Rachel Needell

Rachel Needell is a Feature Web Writer at iPhone Life, a published poet, and a longtime Apple enthusiast. Before graduating in the spring of 2021 with her Master’s degree in Literature, specializing in early 20th-century American and British Modernism, she was a college writing tutor and University English professor. Her latest piece, "Temporizing: Self Portrait" can be found in the Winter '21 edition of New Note Poetry. Although an enthusiastic traveler, you can most often find Rachel curled up under a blanket with a glass of red wine, reading a book with her cat Blue in Charlotte, North Carolina.