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.
- Right-click on a web page and choose Inspect (CTRL+SHIFT+I). This will open Chrome’s developer tools.
- 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.
- 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).
- After that, click on the 3 dots on the far right of the box, as per the screenshot below.
- 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
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.