How to take full webpage screenshots in Google Chrome

It’s pretty easy to take screenshots in Chrome using the screenshots tools in macOS and Windows 10, but what if you need to take a screengrab of a whole website? Today, we tell you how to take website screenshots in Chrome!

While it might not seem like it, there could come a time where you would need to take a full page screenshot of the website you are on, whether it’s a lengthy article, presentation or for reference purposes. There are a few ways to take screenshots in Chrome. There is a built-in tool, and then there are many extensions available in the Chrome Web Store. Let’s take a look at both methods.

Website Screenshots in Chrome without an Extension

While this is a more complicated route, it’s easy to get the hang of after your third screenshot or so.

  1. Right-click on a web page and choose Inspect (CTRL+SHIFT+I). This will open Chrome’s developer tools.How to Take Website Screenshots in Chrome
  2. When you get to the developer tools, your tab will be divided into two parts. Click on the small device icon (the blue one in the screenshot below) to enable responsive view.Device view in Chrome Dev Tools
  3. In the device view, you will see a row of drop-down boxes. From the left-most drop-down box, Choose iPad Pro (as this captures the screenshot in 2048 x 1536).
  4. After that, click on the 3 dots on the far right of the box, as per the screenshot below.
  5. From here, click on Capture full size screenshot. The screenshot will automatically be saved to your Downloads folder. It will save with the name of the website, so it will start with https://www. etc followed by the website name.

Website Screenshots in Chrome using Extensions

This is where things get a whole lot easier for you as you can simply choose some good extensions from the store, install them, and you’re all set. We highly recommend Gyazo and FireShot. These extensions sit in your Chrome toolbar and let you capture screenshots with just a few clicks. It’s worth noting that Gyazo and FireShot will host the screenshot on their websites for you to download, so if you are facing an issue with your Internet speed and want something quickly, we recommend using our first method. Also, make sure to read the privacy policy of extensions which save screenshots of your webpages on their servers – you might not want to use them for webpages which have your private information.

If you have Firefox on your Mac or Windows PC, it has a built-in screenshot feature so you might want to give it a try. It’s much more convenient to use, compared to Chrome’s third-party extensions.

If you use macOS Mojave, make sure to check out our guide on how to capture screenshots and videos in macOS Mojave.