Method for capturing a full website screenshot image in Chrome browser

Sometimes when visiting a website, there may be a need for a screenshot of a specific webpage. Especially when a full-page screenshot is needed. In this case, there are methods of taking multiple screenshots and connecting them or using a Chrome extension. Is there a simpler way to do this?

# Taking a simple full screenshot in Chrome browser

However, if you are using the Chrome browser, there is an easier way. It is to use the Chrome developer tools. Let's take a look at how to take a screenshot of the entire website using the Chrome browser. The only tool you need is the Chrome browser.

So let's take a look at the method. Perform the following steps in order. First, open the developer tools.

1. Open developer tools or press shortcut key F12
2. in developer tools, press a button key ... like a below screenshot

(Screenshot) Click the icon next to the gear icon.


3. In menu list, select a Run Command or press keys: Ctrl + Shift + P 
4. Write "screenshot" on the search form that appears in the middle.

Write "screenshot" in the search input field.

5. Find and click on the full screenshot among the available selectable ones.
6. The entire screenshot is currently saved as a file name on the website address and it is completed.


This is the end. It's very simple, right? Knowing the method above is very convenient because you no longer have to connect screenshots or install other apps. The complete full screenshots are as follows.

(Screenshot) A screenshot of the completed entire website. 
By the way, as you can see in the screenshot, the results are very impressive. However, there may be some areas such as floating ad spaces or iframe spaces that may be saved differently than expected.


So far, we have learned about how to save full screenshots in the Chrome browser.