How to take a full-page screenshot in Google Chrome: Four different ways
Picture this: you want to take a screenshot of an entire webpage, small bits at the bottom and all. Usually, you’re only able to capture what’s within the four corners of your screen, leaving behind elements that you’d have to scroll down for. Don’t give up. It may seem impossible to capture everything in the frame, but we’re about to show you how it very much can be done.
The process may not be as straightforward as you would expect, but follow any of these four methods and I guarantee you will have flawless full-screen captures.
1. Save as PDF
First off, is it a picture you need, or will a PDF do? If a PDF will do, then you can:
- Go File > Print… (if the menu bar is hidden on Windows, press F11, or alternatively, you can right-click on the webpage and select Print…)
- Change the Destination to Save as PDF.
- Click Save to download the webpage.
Note that this method may distort the page formatting.
Printing a PDF in Google Chrome Screenshot by Adrian Kingsley-Hughes/ ZDNet
2. Save as JPG
But what if you want a picture? Something like a JPG.
Well, this is where things get more complicated. You have two options: (1) the harder, geekier way or (2) one of my favorite simple-to-use tools.
First, the geekier option:
There is a built-in way to take full-screen screenshots in Google Chrome, but you’ll quickly start to find that the struggle is very real.
Step 1: Find Developer Tools
The feature is buried in Google Chrome’s Developer Tools, a settings hub that gives you granular access to most if not all the elements of a webpage. But before you find the feature, you need to find the actual Developer Tools first.
See those three vertical dots that are to the right of the address bar? Click on them, then click on More Tools and then Developer Tools.
Opening Developer Tools in Google Chrome Screenshot by Adrian Kingsley-Hughes/ ZDNet
Step 2: Don’t panic and Click Run Command
OK, if you’ve never seen what follows, it might look like you’ve stumbled into the Matrix. Don’t panic.
Google Chrome Developer Tools or the Matrix? Screenshot by Adrian Kingsley-Hughes/ ZDNet
Take a look at the menu bar that’s on the Developer Tools screen. You’ll see a new set of three vertical dots. Click on them and then click on Run Command.
Accessing the Run Command Screenshot by Adrian Kingsley-Hughes/ ZDNet
Step 3: Select Capture full size screenshot
Into the Run box that appears, type “screenshot” to bring up a bunch of related options. You’ll want to find the Capture full size screenshot result.
Finding the screenshot command Screenshot by Adrian Kingsley-Hughes/ ZDNet
Click the Screenshot button and this will take a screenshot of the webpage you are on (it won’t show all the Matrix stuff) and it should save automatically (if it doesn’t, remember to save it).
Yeah, I told you it was a pain to do, and this isn’t really all that convenient if you plan on taking lots of screenshots.
Fortunately, there are some simpler ways.
More: How to take a screenshot on Chromebook
3. Install a browser extension
You could install a browser extension that allows you to take screenshots. I recommend taking a look at GoFullPage. It’s reliable, safe, and free.
GoFullPage Google Chrome browser extension Screenshot by Adrian Kingsley-Hughes/ ZDNet
4. Buy a professional tool
If you need to take a lot of screenshots, especially if they are different content types or you have more complex requirements, such as needing to capture the cursor or you want a screenshot captured on a timer, I recommend investing in a professional tool.
My weapon of choice in this battle has, for many years now, been TechSmith’s amazing SnagIt.
If you want the best chance of capturing a web page accurately, SnagIt is the tool you need. I’ve worked with all the different methods, and this is by far the best tool for the job.
Here’s SnagIt in action:
Here’s a link to the screenshot it captured. It’s pretty impressive.
I’ve been a SnagIt user now for well over a decade, using it to capture many thousands of screen captures, and it’s never failed me.
I highly recommend it.
Picture this: you want to take a screenshot of an entire webpage, small bits at the bottom and all. Usually, you’re only able to capture what’s within the four corners of your screen, leaving behind elements that you’d have to scroll down for. Don’t give up. It may seem impossible to capture everything in the frame, but we’re about to show you how it very much can be done.
The process may not be as straightforward as you would expect, but follow any of these four methods and I guarantee you will have flawless full-screen captures.
1. Save as PDF
First off, is it a picture you need, or will a PDF do? If a PDF will do, then you can:
- Go File > Print… (if the menu bar is hidden on Windows, press F11, or alternatively, you can right-click on the webpage and select Print…)
- Change the Destination to Save as PDF.
- Click Save to download the webpage.
Note that this method may distort the page formatting.
Printing a PDF in Google Chrome Screenshot by Adrian Kingsley-Hughes/ ZDNet
2. Save as JPG
But what if you want a picture? Something like a JPG.
Well, this is where things get more complicated. You have two options: (1) the harder, geekier way or (2) one of my favorite simple-to-use tools.
First, the geekier option:
There is a built-in way to take full-screen screenshots in Google Chrome, but you’ll quickly start to find that the struggle is very real.
Step 1: Find Developer Tools
The feature is buried in Google Chrome’s Developer Tools, a settings hub that gives you granular access to most if not all the elements of a webpage. But before you find the feature, you need to find the actual Developer Tools first.
See those three vertical dots that are to the right of the address bar? Click on them, then click on More Tools and then Developer Tools.
Opening Developer Tools in Google Chrome Screenshot by Adrian Kingsley-Hughes/ ZDNet
Step 2: Don’t panic and Click Run Command
OK, if you’ve never seen what follows, it might look like you’ve stumbled into the Matrix. Don’t panic.
Google Chrome Developer Tools or the Matrix? Screenshot by Adrian Kingsley-Hughes/ ZDNet
Take a look at the menu bar that’s on the Developer Tools screen. You’ll see a new set of three vertical dots. Click on them and then click on Run Command.
Accessing the Run Command Screenshot by Adrian Kingsley-Hughes/ ZDNet
Step 3: Select Capture full size screenshot
Into the Run box that appears, type “screenshot” to bring up a bunch of related options. You’ll want to find the Capture full size screenshot result.
Finding the screenshot command Screenshot by Adrian Kingsley-Hughes/ ZDNet
Click the Screenshot button and this will take a screenshot of the webpage you are on (it won’t show all the Matrix stuff) and it should save automatically (if it doesn’t, remember to save it).
Yeah, I told you it was a pain to do, and this isn’t really all that convenient if you plan on taking lots of screenshots.
Fortunately, there are some simpler ways.
More: How to take a screenshot on Chromebook
3. Install a browser extension
You could install a browser extension that allows you to take screenshots. I recommend taking a look at GoFullPage. It’s reliable, safe, and free.
GoFullPage Google Chrome browser extension Screenshot by Adrian Kingsley-Hughes/ ZDNet
4. Buy a professional tool
If you need to take a lot of screenshots, especially if they are different content types or you have more complex requirements, such as needing to capture the cursor or you want a screenshot captured on a timer, I recommend investing in a professional tool.
My weapon of choice in this battle has, for many years now, been TechSmith’s amazing SnagIt.
If you want the best chance of capturing a web page accurately, SnagIt is the tool you need. I’ve worked with all the different methods, and this is by far the best tool for the job.
Here’s SnagIt in action:
Here’s a link to the screenshot it captured. It’s pretty impressive.
I’ve been a SnagIt user now for well over a decade, using it to capture many thousands of screen captures, and it’s never failed me.
I highly recommend it.
Denial of responsibility! Techno Blender is an automatic aggregator of the all world’s media. In each content, the hyperlink to the primary source is specified. All trademarks belong to their rightful owners, all materials to their authors. If you are the owner of the content and do not want us to publish your materials, please contact us by email – [email protected]. The content will be deleted within 24 hours.