5 Steps to Take Full Size Screenshot using Chrome Browser | TechBuyGuide
How-to guides, Software

5 Steps to Take Full Size Screenshot using Chrome Browser

Easy way to capture it ALL.

how to take full size screen shot in Chrome Browser header, image of chrome browser with a capture logo in front of it
Techbuyguide.com is reader-supported. When you buy through links on our site, we may earn an affiliate commission.

Capturing the entirety of a web page can be a crucial need, whether you’re gathering information, preserving a webpage’s layout for reference, or sharing the complete visual experience with others. The Chrome browser, a popular choice for many, offers a simple yet powerful way to take full-page screenshots. In this guide, we’ll walk you through the steps to effortlessly capture the entire length of a webpage using Chrome.

Step 1: Launch Chrome and Navigate to the Desired Page

Begin by opening the Chrome browser on your computer and navigating to the webpage you want to capture. Ensure you’re on the exact page and position you want to capture, as the screenshot will encompass everything visible within the browser’s viewport.

Step 2: Open Developer Tools

To access Chrome’s developer tools, you can use any of the two following methods:

  • Press Ctrl + Shift + I (or Cmd + Option + I on Mac).
  • Right-click anywhere on the page and select “Inspect” from the context menu.

This will open the Chrome Developer Tools panel, which provides a range of functionalities for web development.

Step 3: Toggle Device Toolbar

Within the Developer Tools panel, you’ll notice a small icon resembling a laptop with a mobile device. This is the “Toggle device toolbar” button. Click on it, or press Ctrl + Shift + M (or Cmd + Option + M on Mac), to activate the device simulation mode.

Step 4: Select Device and Resize

In the device toolbar, you can choose the type of device and its resolution you want to simulate by clicking on the top bar and selecting the device, choosing from the pre-set selection, pulling sides of the page or entering your own resolution into the fields in the middle.

The screenshot will look exactly how the page appears on your screen.

Resize the viewport by dragging its edges to ensure the entire page content fits within the simulated screen area.

Step 5: Capture the Screenshot

Once the viewport is adjusted, click on the 3 dots “More options” menu right next to the laptop/mobile device icon you clicked earlier then press the “Capture screenshot” button or “Capture full size screenshot“. This will trigger Chrome to capture an image of the entire webpage, including the parts that are not immediately visible in the current viewport.

Step 6: Save the Screenshot

After capturing the screenshot, a new window will open to save the screenshot to your desired location on your computer.

Congratulations! You’ve successfully taken a full-page screenshot using the Chrome browser.

It’s important to note that this method captures the visual elements of the webpage, including images, text, and styling, but it won’t capture interactive elements or dynamic content that may change after the page loads.


Your email address will not be published. Required fields are marked *