There are many times when you want to capture and save a screenshot of an entire web page. It could be a research article, a helpful tutorial, a vertical photo, a shopping site’s product display, or even a long-form meme.
In this tutorial, I’ll show you how to take and save a screenshot of an entire web page, whether using Apple’s browser, Safari, Google Chrome, or Firefox.
Most websites use the lazy loading feature, meaning it loads the image only after you scroll to that point on the page. Therefore, before following these steps, you should load the web page completely and scroll to the bottom to ensure that all images are also visible. After that, you can take a full page screenshot.
See all sections
Steps to follow to take a full screenshot in Safari
The easiest way to take a screenshot of an entire web page in Safari using the Mac is to use the combination Shift + Command + 3.
Taking a screenshot on a Mac computer is very easy:
- All you need to do is press Shift + Command + 3 and this will create a screenshot using the built-in Mac screenshot utility.
- This app actually has several useful options, so to open it and get access to those options, you can search for them in Spotlight by typing Screenshot and opening the first result.
- You can also use the combination Shift + Command + 5 on your keyboard to directly open the screenshot utility. Once you open it, at the bottom of the screen, you will be given the different options of the application, with which you can make a screenshot of the entire screen or a specified selectionor to record a video of the entire screen or a selection.
- If you want to take a screenshot of the entire screen, click the first button from left to right, and then click anywhere on your screen. A screenshot image file will soon be saved to a location specified in the screenshot utility settings.
- To see what that location is and change it if you want, click Options when the Screenshot functionality is open and you will see which folder is marked below Save in… If you want, you can change that folder to another location.
Screenshots of specific size
If you want a quick way to take screenshots of specific screen selections, you can use the keyboard combination Shift + Command + 4. This will directly turn your cursor into a selection tool. To use it:
- Click and hold somewhere on the screen, then drag the cursor over the area of the screen you want to capture.
- Once you have selected the area you want, release the click and a screenshot will be taken and saved in the location indicated in the functionality, as I indicated before.
This is the easiest way to take screenshots on Mac, but keep in mind that many browsers offer their own screenshot utilities and features. Next, we will see how to take a screenshot of an entire web page, but using Google Chrome and Mozilla Firefox.
How to Screenshot a Web Page in Chrome on Mac
To take a full screenshot of a web page in Google Chrome using Mac, follow these simple steps:
- First open the Chrome browser on your Mac and go to the page you want to take a screenshot of.
- Press the keyboard combination Command + Option + I and you will see that a window will appear on the right.
- Then press Command + Shift + P and then type “Screenshot” in the Run field.
- You will see several screenshot options, such as: Area Screenshot, Full Size Screenshot… choose the option you want to use to create a screenshot.
- And that’s it, just like that!
How to Screenshot a Web Page in Firefox on Mac
To take a full screenshot of a web page in Mozilla Firefox using Mac, follow these simple steps:
- First start Firefox and visit the page you need to take a screenshot.
- Right click anywhere on the page
- Now click on the Take Screenshot option.
- If you want the screenshot to be of the entire page, click the Save Full Page option in the small options window that should be at the top right.
- Next, click Copy to copy the captured image to your clipboard, or Download to download the screenshot as a PNG file to your Mac.
- The screenshots taken will go to the download location of the downloaded Firefox files.
- And that’s it, just like that!
Use the Awesome Screenshot extension
You can use the excellent Awesome Screenshot extension to take full-page screenshots within any popular browser.
Start by getting the extension for Safari, Google Chrome, or Mozilla Firefox. After that simply follow these steps:
- First click on the extension icon and choose Capture Full Page
- Now simply click on Done
- And finally, Download
You will also have to give screen recording permission. To do this, once the extension has been downloaded, follow these steps:
- First open the extension and click Go to Screen Recording Settings.
- It will take you to System Settings > Privacy & Security > Screen Recording.
- From here, enable the switch for Awesome Screenshot & Recorder and confirm.
- After that, click Exit and reopen.
- Enable the extension from Settings in Safari
- Extensions and activate the Screenshot box.
As always, I hope this article has helped you know how to take a screenshot of an entire website on Mac, regardless of the browser you use.