Google Chrome: Take a screenshot of the entire website

Take a screenshot of an entire website in Google Chrome

Some time ago I already had instructions on how to get one Take a screenshot of an entire website in Firefox on a Mac can. Today I needed the same function, but unfortunately in Google Chrome. It's not that simple here, because there is no button that you can simply press.

Take screenshots with commands in Chrome

If the normal screenshot is no longer sufficient for the visible area and you also want to capture the parts of a website in a screenshot that can only be reached by scrolling, then you have to proceed as follows.

Here are the quick instructions:

  1. Call up the corresponding website.
  2. Now go to the menu "View"> "Developer"> "Developer tools" (you can also use ALT + STRG + I on the Mac).
  3. In the developer area, click on the three dots next to the close button at the top right.
  4. In this menu one selects the item "Run Command".
  5. Now type "Screenshot" as a filter and then select the command "[Screenshot] Capture full size Screenshot".
  6. A PNG file containing an image of the entire website is now stored in the downloads.

The instructions with screenshots

In order to show the individual steps in more detail, I've made screenshots of the individual actions. So you can see in more detail where you have to click and what the individual menu items look like.

The developer tools can be found in Chrome via the menu "View" and "Developer".

The developer tools can be found in Chrome via the menu "View" and "Developer".

 

In the developer tools, click on the three vertically aligned points at the top right to open the menu.

In the developer tools, click on the three vertically aligned points at the top right to open the menu.

 

With the option "Run Command" we can then select the command to trigger the screenshot.

With the option "Run Command" we can then select the command to trigger the screenshot.

 

Finally, the screenshot ends up as a PNG file in the browser's downloads.

Finally, the screenshot ends up as a PNG file in the browser's downloads.

 

You may also find these posts about screenshots worth reading:

-
 

 

Effectively for free: iPhone 13 Mini and iPhone 13 deals with top conditions at Otelo - Advertisement

Leave a Comment

Your e-mail address will not be published. Required fields are marked with * .