How to Take a Screenshot of Any Website in Quick Steps

Whether you are capturing a full-page screenshot or a select part of your screen, using the best screen capture tool – Zight – helps make your work easy. Let’s look at how to go about it in detail.

Ian Mutuli | June 12, 2024 | 6 min read time

Article Last Updated: June 12, 2024

How to Take a Screenshot of Any Website in Quick Steps

While browsing the internet, your browser cache stores information to enable quick access to previously visited pages without needing to download them again. Although this feature is convenient, it can also slow down your computer. Screenshots offer a solution by allowing you to capture precisely what appears on your screen, whether it’s a recipe, photo, application interface, or conversation.

One tool works perfectly in capturing the high-quality screenshots of your web pages-Zight! It is the best screenshot app for several reasons mostly because it’s an all-in-one tool. Why download multiple apps for all your content creation needs when one app can not only give you quality screenshots but also screen recordings, GIFs, and webcam recordings? If your question is how to take screenshots on websites, read on.

The Best Method: Dedicated Screen Capture Tool- Zight

Zight screenshot tool and screen recording app

Zight is a free screenshot tool packed with a lot of features that you won’t find in other free software programs. Some of the other features include screen recording, GIF creation to turn your screen captures into GIFs, webcam recording to capture video from your webcam, and annotation of images and video, such as adding shapes, lines, drawings, and emojis to highlight specific details.

In addition, every screenshot you capture with Zight is automatically stored in your cloud profile, ensuring easy access and management. Using this software you can, quickly and free capture screenshots of any website with high resolution and without watermarks.

Luckily, Zight has different ways you can use to take a screenshot. Let’s look at each way below.

1. Using Zight’s Chrome Extension

This is how you can take the screenshot of any website step-by-step using the Zight Chrome extension.

Step 1: Install the Zight Chrome Extension

Zight Screenshot tool on the Chrome Web Store

  • For starters, ensure you are using Google Chrome as this extension is specifically designed for it.
  • Go to the Chrome Web Store and type “Zight” into the search bar. Click on the Zight extension from the search results.
  • Click on “Add to Chrome” next to the Zight extension, then confirm by clicking “Add extension” in the pop-up window.

Step 2: Set Up and Configure the Zight Chrome Extension

After installation, you will see the Zight icon in the top-right corner of your browser. Click on it.

Then, you will need to sign in with your Zight account or create one if you don’t already have one.

Notably, the Zight extension might request permission to access your screen. Ensure you grant these permissions for the extension to work properly.

Step 3: Take a Screenshot

take screenshot step by step gif

Open the web page you want to capture in Chrome by clicking on the Zight icon in the top-right corner.

Choose Your Capture Mode:

  • Full Page: Captures the entire webpage.
  • Visible Area: Captures only the part of the webpage currently visible on your screen.
  • Selected Area: Allows you to select a specific area of the webpage to capture.

Alternatively, you can streamline the process using the Zight keyboard shortcuts for quick web screenshots, such as:

  • Ctrl + Shift + 1: To capture a full-page screenshot
  • Ctrl + Shift + 2: To capture a visible area.
  • Ctrl + Shift + 3: To capture a selected area.

Step 4: Capture your Web Page Screenshot

After choosing your preferred capture mode “Capture Area,” your cursor will change to a crosshair. Move your mouse to control the screenshot tool and highlight the part of your screen you want to capture. Release the mouse button once you’ve selected the desired area, and the web page screenshot will be taken.

Step 4: Edit Your Screenshot

When you capture a full-page screenshot and maybe you change your mind about the entire page, Zight provides basic editing tools, allowing you to crop, annotate, or highlight parts of your screenshot.

So, after capturing your screenshots, two things will immediately happen:

  • Your screenshot is saved to your clipboard as a shareable link
  • The screenshot link automatically opens in Chrome in a Zight editor window, where you can annotate and edit it before sharing.

At this point, you can add your annotations, such as arrows, text boxes, shapes, or highlights, with the screenshot annotation tool to emphasize specific details. Zight also allows basic image editing features.

2. Using the Zight Windows App

Most native Windows screenshot tools offer limited capabilities, particularly for editing and annotating screen captures. This is just one of the reasons to avoid using native screenshot tools. Then let’s get into the step-by-step guide to using the Zight app.

Step 1: To use the Zight app to capture screenshots you have to first download the Zight Windows version.

Step 2: Open Zight and choose the “Screenshot” option. Alternatively, you can capture a screenshot by pressing Alt + Shift + 5.

Zight keyboard shortcuts

Next, use any of these shortcuts:

  • Select an area with your mouse, or
  • Press S to capture the visible area,
  • E to capture the entire page
  • D to choose which parts of your desktop to capture.

For the Zight Windows app, you can capture a Chrome tab, a window, or the entire screen.

Step 3: Once completed, your website screenshot will be captured with the Zight software. Copy the automatically generated screenshot link to your clipboard, and open it in your default browser, where you can annotate and edit the screenshot.

3. Using the Zight Mac App

Step 1: Download and install the Mac version on the official Zight website

Step 2: Open your Zight app and click Capture. Alternatively to easily capture a high-quality screenshot using a keyboard shortcut, press Command + Shift + 4 to capture a specific area or Command + Shift + 5 for more options.

Step 3: Select the region of your screen you want to capture. There are several ways to capture your screenshot on a Mac and they include:

a). Capture the Entire ScreenCommand (⌘) + Shift + 3

b). Capture a Selected Portion of the ScreenCommand (⌘) + Shift + 4

c). Capture a Specific WindowCommand (⌘) + Shift + 4, then Spacebar

d). Capture the Touch Bar (if your Mac has one)- Command (⌘) + Shift + 6

Save Zight Screenshots

After editing and finalizing your web page screenshots, there are different ways to save your screenshots. Zight facilitates various sharing options such as:

  • Saving your screenshot locally to your laptop
  • Upload it directly to the cloud for easy access across devices.
  • Sharing the screenshot with others via a generated shareable link.

Alternatively, Zight allows you to share it directly to various platforms like Gmail, Google Drive, or social media by clicking the “Share” button.

In addition, before you save screenshots, you can protect them before sharing them. Zight allows you to customize your share settings. Locate the “Share Your Image” section, where the default setting might be “Anyone with the link can view.” If your screenshot contains sensitive information, you may want to change this.

Additionally, before sharing, you can enable reactions and comments on the image to foster a collaborative environment.

For instance, you can use Zight to send the screenshot directly to Slack. Additionally, you can easily share your captures in various online collaboration tools, such as Google Docs, JIRA, Trello, Zendesk, and more! This flexibility allows you to use screenshots for multiple purposes, including sharing on social media, incorporating them in presentations, or embedding them in documents.

Conclusion on How to Take Screenshot of Website

Taking screenshots of any website is straightforward with Zight, whether you use the Chrome extension or the desktop applications for Mac and Windows. From the built-in keyboard shortcuts for Windows and Mac to the step-by-step guides above, you can easily capture any content displayed on your webpage.

So, the next time you want to capture a high-quality screenshot, refer to the steps above and confidently take a screenshot from your web page. Looking for where to sign up for Zight? Here!

Create & share screenshots, screen recordings, and GIFs with Zight