How to Screenshot a Website in 3 Easy Steps

Have you ever wanted to take a picture of all or part of a website, but weren’t sure how? In this blog post, we’ll show you how to screenshot a website in just a few easy steps.

Checkout this video:

Introduction

Have you ever wanted to take a screenshot of a website, but weren’t sure how? In this guide, we’ll show you how to screenshot a website in just a few easy steps.

Step One: Right-click on the Page

Whether you’re trying to snag a coupon code before it expires, capture customer feedback to pass on to your team, or keep a record of important information, taking a screenshot of a website can be really helpful.

Luckily, it’s easy to do! Here’s a step-by-step guide:

Step One: Right-click on the page
This will open up a menu with several options. One of those options will be ‘screenshot.’

Step Two: Go to the ‘Inspect Element’ option

In the upper right-hand corner of your Chrome window, you should see a little icon that looks like a puzzle piece. Click on that, and then click on ‘Inspect Element.’

Step Three: Take a Screenshot

Now that you have found the URL of the website that you want to screenshot, and have opened the Chrome Developer Tools, it’s time to take a screenshot.

1. In the Chrome Developer Tools panel, click on the three dots in the top right corner, then hover over “More tools” and click “Screenshot” from the drop-down menu.

2. A new panel will open up at the bottom of your screen with a preview of what your screenshot will look like. You can use your mouse to select which part of the website you want to capture in your screenshot.

3. When you are happy with your selection, click on the “Capture full size screenshot” button in the top right corner of the panel.

4. Your screenshot will now be saved to your computer as a PNG file.

Conclusion

Whether you’re wanting to save a website for offline viewing later or capture a particular error message to share with customer support, taking a screenshot is an easy way to save a copy of what’s on your screen. And with a little practice, you can even edit your screenshots to highlight particular areas of interest.

Scroll to Top