fIt’s very common for a webpage to include more content than can fit into a single screen, and such content can be accessed by scrolling down. Since a part of the content is not visible, it can’t be readily captured with basic screenshot tools and users require a different mechanism to accomplish this.
As it turns out, all major internet browsers allow you to screenshot a whole page and save it as a single document. Depending on which internet browser you prefer, you should explore the available methods and evaluate which one works best for you. Since most people have more than one browser installed on their PCs or use a different computer for work, it’s good to know how to screenshot website using all of these methods.
How to Screenshot an Entire Webpage
This article will briefly describe the tools for four different browsers that allow you to capture the entire content of a website, and answer some important questions about this topic. Hopefully, it will help users find the best tool for their needs and avoid wasting their time searching for solutions online.
Also Read: Take a Screenshot of the Whole Page without Scrolling >
Table of Contents: hide
Screenshot an Entire Webpage in Chrome, Firefox, Edge and Safari
How to Screenshot an Entire Webpage in Google Chrome
How to Screenshot Website in Mozilla Firefox
How to Take Screenshot of a Web Page with Microsoft Edge
Screenshot an Entire Webpage in Chrome, Firefox, Edge and Safari
If you want a more comprehensive and easier way to screenshot an entire webpage on your computer, no matter what the browser is.
Then you can try a one-stop solution for screenshots called Gemoo Snap. It offers more features and options for capturing screenshots and can help you easily achieve taking entire screenshots on Google Chrome, Firefox, Microsoft Edge and Safari. Here are Gemoo Snap Chrome Extension key features:
- It offers features such as screenshot & feedback, screenshot & beautify, quick screenshots, clipboard screenshots, text recognition (OCR), scrolling capture, and pin screenshot.
- With Gemoo Snap, you can easily capture screenshots of anything on your screen, whether it’s a webpage, Minecraft, a document, or an online video.
- You can also use the app to annotate your screenshots with text, arrows, and other shapes, making it easy to highlight important information.
- You can upload screenshots in the Gemoo cloud or save them locally, it’s up to you. You can also share the screenshots with a sharable URL.
- Take full-screen or targeted areas of a website through scrolling screenshots, generate a website mockup, or create a scrolling website mockup.
Now, get Gemoo Snap on your computer and explore its features.
Step 1. Free download Gemoo Snap and launch it on your computer. Sign in to Gemoo. Choose the Scrolling Screenshot function on the homepage.
Select Scrolling Screenshot
Step 2. Choose one type that you need and start scrolling to take a screenshot of the entire webpage.
Two Scroll Options
How to Screenshot an Entire Webpage in Google Chrome
Google Chrome is probably the most widely used internet browser at the moment, and it includes many practical features that an average user doesn’t necessarily know about. Learning some of them eliminates the need to use specialized software for many routine tasks that you conduct while browsing.
Using Developer Tools
If you would like to save the webpage you are currently visiting as a screenshot from Google Chrome, you can use the Developer Tools menu and search for this function manually. This method doesn’t require any Chrome screenshot extension installation but involves quite a few steps that might take a bit of practice to learn.
Step 1. Open the main menu in Chrome, select More tools, and click on Developer tools.
Click on Developer Tools
Step 2. Find the three-dot icon in the right corner of the screen, click on it, and select the Run command; or press Ctrl + Shift P on a Windows-based PC or Command + Shift + P on a Mac computer for the same effect.
Step 3. Use the keyboard to type the word ‘screenshot’ into the search field, and press Enter.
Step 4. Choose to Capture a long screenshot from the offered options.
Step 5. Open the Downloads folder on your computer to find the saved screenshot
Using Gemoo Snap Extension
Gemoo Snap as a professional, lightweight and free screenshot tool, can provide you with a variety of screenshot needs when you need to take screenshots on a webpage. There is a Gemoo Snap desktop version for Windows and Mac users, and also a Chrome Extension for web users.
If you’re a designer or a webpage designer, and want to capture an entire webpage to show to your clients, Gemoo Snap extension is a good assistant:
- Select a Webpage element to capture. Take a screenshot of the visible part of the screen.
- Scrolling to capture the full page of the web page or a Window. It becomes very easy for you.
- Choose any opened Chrome tab and capture visible part of the webpage in one click.
- You can save the screenshots with a sharable URL and screenshot the elements of the web page.
Step 1. Add Gemoo Snap from the Chrome extension store and pin Gemoo Snap Chrome Extension on the toolbar.
Step 2. Click the Gemoo Snap Extension icon > Then, please log in to Gemoo.
Sign In to Gemoo
Step 3. Choose one webpage that you need to take an entire screenshot > Select Scrolling Capture function. In this way, you can easily intercept the entire webpage.
Gemoo Snap Chrome Extension
Command + Shift + 5
To take a full-webpage screenshot on a Mac, you can use the built-in screenshot tool that comes with macOS Mojave or later. Here are the steps to follow:
Step 1. Open the webpage or document that you want to capture.
Step 2. Press Command+Shift+5 to open the screenshot toolbar.
Screenshot a Entire Page on Mac
Step 3. Click on the “Capture Entire Screen” button.
Step 4. Click on the “Options” button.
Step 5. Select “Capture Entire Page” from the drop-down menu.
Step 6. Click on the “Capture” button.
Step 7. The screenshot will be taken, and you will be able to edit or save it as desired.
Command + Shift +4
If the page you want to take a screenshot of is not lengthy and has little content, then you can use this method to grab the entire website. Here are the precise steps:
Step 1. Navigate to the webpage you wish to capture. If the page is not visible in the browser window, press the double arrows to enter full-screen mode.
Step 2. Press Command + (-) to adjust the page until all the content is visible without the need to scroll.
Step 3. After that, press the Command+Shift+4 keys to launch the screenshot tool.
Step 4. The cursor will appear, then click and drag to highlight the area of the page you want to capture.
Step 5. Release the mouse button to take the screenshot and save it on your desktop.
Press and Hold Command+Shift+4
How to Screenshot Website in Mozilla Firefox
Firefox is another browser that a huge number of people interacts with every day, and it’s just as resourceful and flexible as any of the alternatives. Its functionalities can be easily upgraded by installing extensions, which are integrated into the software interface.
If you are using Firefox as your primary way of accessing websites, you have a couple of ways to take full-page screenshot on your disposal. While you may use a keyboard shortcut for this purpose, a better solution is to download the one of several available extensions that permanently give you additional options regarding annotating and saving the screenshot. Here is the sequence of actions that will allow you to accomplish this:
Step 1. Find the appropriate extension for screen capturing (i.e FireShot or Page Screenshot) in FireFox Add-Ons and install it.
Screenshot Website in Firefox
Step 2. Navigate to the internet site and page that you would like to capture.
Step 3. Click on the extension button in the task bar or use a hotkey combination to capture the entire content of the page along with embedded images.
Step 4. Use the annotation tools to mark up the screenshot before downloading it to your computer.
How to Take Screenshots of a Web Page with Microsoft Edge
Microsoft Edge is pre-installed on every Windows computer and it’s the only browser that many users are familiar with. Like its chief competitors, Edge is packed with advanced features that improve user experience, including a function that can capture entire webpages with a single command. This feature provides a quick way to save everything from a page, including text and images, and it doesn’t require users to download any additional apps or install extensions.
Here is the simple procedure that will allow you to screenshot the whole web page without any external software.
Step 1. Launch the Edge browser and type the address of the page you want to capture.
Screenshots Entire Web Page in Microsoft Edge
Step 2. Press CTRL, SHIFT, and S keys at the same time.
Step 3. Click on the Capture full page tab in the menu that opens on your screen.
Step 4. After the editing window opens, utilize some of the annotation tools to change the screenshot.
How to Screenshot an Entire Website in Safari
For a vast majority of Mac computer and iPhone owners, Safari is the default web browser they use every day. By most accounts, its functionality and usability are at a high level, and all frequent actions can be conducted with a minimum of effort. When it comes to taking a screenshot of a full webpage, Safari can offer a reliable way to do this that doesn’t require any downloads or complex procedures that involve technicalities.
Simply go through the following steps in order to capture and save all elements of a website you are visiting with Safari browser.
Step 1. Open the Preferences menu in Safari and click on the Advanced tab.
Screenshot an Entire Website in Safari
Step 2. Turn on the option Show Develop menu in menu bar within this tab.
Step 3. Go to the webpage you would like to capture and click on Develop button, then choose Show web inspector option.
Step 4. Click on the Elements tab, followed by right-click on a field containing a web address.
Step 5. Choose Capture Screenshot option and wait for a little while for the capturing process to complete before choosing where to save the file.
Frequently Asked Questions about Full Page Screenshots
How do I take a screenshot of a protected website?
If parts of the content on a website are restricted or otherwise protected from access, standard methods for taking a screenshot might not be able to capture them properly. In this case, you might need to learn more about the type of protection in place, before finding a screenshot tool capable of getting around it.
Are there any third-party apps that can capture full page screenshots?
There are dozens of applications that can competently create screenshots, and some were designed primarily for this task and support capture of scrolling windows on websites. Many such apps are freeware, or at least have a trial version you can download without paying. That’s why it may be prudent to test a few screenshot apps and learn which useful features each of them has.
Which elements from the webpage will be included in the screenshot?
All of the tools described above can capture text along with the images, as well as current presentation of any interactive elements on the page. However, all those elements will be turned into an image (in one of several formats) and you won’t be able to access them separately. If you want the computer to recognize the text contained therein, you need a screenshot tool with OCR capacity.
Where is the screenshot of the entire webpage saved on my computer?
Some screenshot tools will place the finished image on clipboard and you will have to manually paste it into another app and save it. In other cases, full page screenshot will be saved by default into Downloads, or another specific folder on your computer. Finally, some apps allow you to choose the destination path immediately after you finish taking the screenshot.
What is the fastest way to capture the entire content of a website?
If you already have an extension installed in your web browser, you can take full-page screenshots with just a few clicks. Another possibility is to use a browser with a built-in screenshot function (i.e. Microsoft Edge) and use keyboard shortcuts to execute this action. No matter which method you select, it won’t take more than a minute to complete all steps and get a screenshot that includes everything.
Can I screenshot an entire webpage from a smartphone?
Considering that all smartphones can run some of the browser programs mentioned above, it’s possible to capture entire webpages from your mobile device. Just make sure that you save the screenshot in a location where it can be accessed from your computer as well.
Final Words
Having your screenshot include parts of the website that are not directly visible on the screen is not as complicated as it may seem. Regardless of which browser you are using, there is a simple and completely legitimate way to do this. All you need to do is learn the correct procedure and call upon it whenever you find a website worth saving. In some cases, you might need to install a browser extension for screenshots, but once you complete installation you will get a dedicated button on the toolbar. It won’t take too long to learn how to screenshot an entire webpage, and once you do you will be able to capture everything that catches your attention
