How to take a screenshot on website

Website screenshot: A simple screenshot is meant for capturing what’s immediately visible on your monitor, but in case you need to capture an entire webpage, then there is an entirely different procedure. Here we are going to tell you about how to take a screenshot on website.

How a desktop screenshot different from a print?

Windows 10, MacOS, and many other browsers allows the user to print any page to a PDF file, whereas the older versions of windows contain the built-in ability to print any file to XPS, which is a PDF alternative. For this alternative, just go to the web page you want and then select File > Print, and choose “Microsoft Print to PDF” (In case you have it) else choose “Microsoft XPS Document Writer”. While using MacOS, click the PDF button on the Print dialog. With all this being provided, you might be wondering why to take a screenshot? Isn’t it simple to just Press Ctrl + P and convert a web page into a PDF or XPS?

Steps to take Website Screenshot

To answer this query, one should know that PDF is great for documents but, it has an inherent shortcoming when it comes to preserving a webpage. Regardless of the document creator a user use, it functions as a virtual printer because of which, any shortcoming the physical printing process would have will appear in the document created by the virtual printer. Further, if the website has a specific “print view” option to alleviate this issue, then it implies that you are not preserving the webpage as it appears, instead you are preserving the webpage as it is formatted for printing. While you are using a screen capture tool, you are not churning the web page through a document creator, instead you are capturing pixel for pixel which is exactly what you see on the screen. This is not only useful for archival purpose, as you are getting an exact 1:1 representation of the webpage, but you will also be able to show other people exactly how the page looks as compared to exactly how the page prints. With this in mind, let’s look at the three techniques used to capture webpage in a single screenshot.

  • Capture web page with a standalone screenshot tool

While most operating systems have built-in screen capture tool, which is a basic tool doing a fine job of capturing parts of your screen but, it won’t be able to take a full-page screenshot. Fortunately, there are many third-party tools which sport “scrolling capture” or “full page” capture, wherein the screenshot tool will scroll through the webpage for capturing the screenshot s into one continuous image. Example, the FastStone Capture tool has its feature triggered by a toolbar button or b pressing Ctrl + Alt + PrtScr. It is important to note that, while searching for a screen capture tool, you need to search for the keyword “scrolling” to see if it has the necessary feature.

  • Capture webpage screenshot with a Browser Plugin

Standalone screen capture tools are considered to be great while using them regularly, but if the only requirement of your work is to capture full web page once in a while then, it will make more sense to use a browser-based tool. There are many browser extension tool on web for example, Nimbus Screenshot which is available on both Chrome and Firefox has a nice clean interface which gets the job done and in one click, it captures and aligns the image for the user. It also gives you the choice to save the image on your PC or upload it to your Google Drive or Slack.

  • Capture screen of a web page using a web-based tool

In case you just need a one-off capture to send to someone, then you don’t need to install something to grab it, as long as the webpage is publicly accessible. You can easily use the free screen capture tool or web capture. While both the tools work well enough, the website capture tool has an edge on two fronts, as it allows the user to specify the image format and supports capturing via bookmarklet so that the user can put a shortcut in the browser’s toolbar to access the capture service.

Steps to be followed for taking android screenshot

  • Hold down at once the “Volume Down” button and then press “Power” for 1-2 seconds
  • The screen will flash white and your device will capture the entire screen and save it as a photo
  • To find your screenshot, go to your Gallery or Photos app
  • In case you don’t have no flash or no screenshots then you can try the alternative method which is to hold down at once the “Home” button and then press “Power” for 1-2 seconds
  • The screen will flash white and your will capture the entire screen and save it as a photo

Steps to be followed for taking screenshot on iPad, iPhone, or iPod

  • Hold down the “Sleep/Wake” button and then immediately press and release the “Home” button
  • The screen will flash and your device will capture the entire screen and save it as a photo
  • You can then find your screenshot in the Photos app.

Steps to be followed to take windows screenshot

  • Press “PrtScr” button
  • Windows will capture the entire screen and copy it to the clipboard
  • It is important to note that the Print Screen button may be abbreviated differently on your keyboard, therefore it is suggested to search for the PrtScr or PrtScn or ScrLk or Pause button on the upper right of your keyboard
  • For taking the screenshot of a single window hold down the “Alt” button and then press “PrtScr” button
  • Windows will capture the currently active window and will copy it to the clipboard
  • To copy it into a document or anywhere, hold down “Ctrl” button and then press “V” button
  • Windows will paste the screenshot into a document or image you are currently editing
  • To paste the screenshot as a graphic file press Start > Paint > Paste > Save
  • To take the screenshot and save it directly as a file, hold down “” and then press “PrtScr” button
  • Windows will capture the entire screen and save it as a file to your Pictures in Screenshots folder

Steps to be followed to take a screenshot on a Mac

  • Hold down “command” button and press “Shift” button and then press “# / 3”
  • Your Mac will capture the entire screen and save it as a file on the desktop
  • To take a partial screenshot, hold down “command” button and press “Shift” button and then press “$ / 4”
  • Use the mouse to draw a rectangle to specify what to capture or simply press the “spacebar” button and then click on the object to capture it
  • You will be able to find your screenshot directly on the desktop

Steps to be followed to take a chrome screenshot

  • Hold down the “Ctrl” button and then press “ ” / hold down the “Ctrl” button and then press “F5” button
  • Your chrome OS device will capture the entire screen and will save it as a file into the Downloads folder
  • To take a partial screenshot, hold down “Ctrl” button and press “Shift” button and then press “” / hold down the “Ctrl” button and press the “Shift” button and then press the “F5” button
  • Use your mouse to draw a rectangle and your chrome device will then save it as a file into your Downloads folder

Taking screenshots in Windows 10 in details

Basically, a screenshot is an image taken of whatever on your screen and there are many platforms available on Windows to take a screenshot. Windows has a built-in platform which works great for basic tasks but, there are many third-party programs which offer more ease of use and features. Different methods to take a Windows 10 screenshot are as follows.

  • Screenshots with Print Screen

Print Screen button on the right side of the keyboard can take a screenshot and save it as a file or take a screenshot without saving it as a file or take a screenshot of only one window instead of the whole screen. The Print Screen button can be labelled differently such as “PrtScn / PrtScr / PrntScrn / Print Scr”, or something similar. On most of the keyboards, the Print Screen button is usually found between the F12 and Scroll lock or F12 and Insert. An important thing to note is that when you press the key, it will look like nothing has happened but, the screenshot has already been saved to your clipboard.

To save your screenshot as a file follow the procedure mentioned below.

Press the “Windows logo key + PrtScr”, if you are using a tablet, then press the “Windows logo key + volume down button”. It is important to note that some laptops and other devices may need to press the “Windows logo key + Ctrl + PrtScr” or in some cases “Windows logo key + Fn + PrtScr” keys. The information about this may be provided on your’s laptop manual. After this, the screen will dim for a moment and you will see the screenshot appear as a file in a folder entitled as “Screenshots”, inside your default “Pictures” folder. This screenshot will be automatically labeled with a number. You will be able to see your screen dim if you have the “Animate Windows when minimizing and maximizing” turned on in your visual effects settings.

Taking a screenshot without saving

Press the “PrtScr” button after which a screenshot of your display will be copied to the clipboard then, open your favorite image editor, word processor, or other program you want to use the image in. Then choose Edit > Paste, to paste the screenshot as per your requirement. The dimensions of the image will be the same as that of your desktop resolution. An important point to note here is that, on some laptops and other devices, you may need to press the “Alt + Fn + PrtScr” keys instead of using your laptop’s manual for more information.

Taking a screenshot of only one window

Click on the title bar of the screen capture windows or the window you want to capture and then press “Alt + PrtScr”. After this a screenshot of your currently active window will be copied to the clipboard in the last section and then paste it into your favorite image editor or document editor. An important point to note here is that, on some laptops and other devices, you may need to press the “Alt + Fn + PrtScr” keys instead of using your laptop’s manual for more information.

  • Flexible screenshots with snipping tool

Snipping tool has been the part of the Windows for a long time and this tool was the first included in Windows Vista and was never given any new feature except for the few bug fixes. Snipping tool is capable of taking screenshots of an open window, rectangular area, a free-form area, or the entire screen. You can also annotate your snips with different colored pens or a highlighter to save it as an image or MHTML file or can even e-mail it to a friend. Snipping tool in Windows Vista, Windows 7 and Windows 8 had a limitation of capturing screenshots which involve mouse movements and to capture something that involved mouse movement like pop-up menus and tooltips, you were required to use the Print Screen method. In Windows 10, Snipping Tool has a new “Delay” option in which you are allowed to capture screenshots pop-up menus and tooltips. To use this technique, open the Snipping Tool app and click Delay and then from the drop-down list just click on the number of seconds you would like to wait until the next screenshot is taken.

Then choose the type of snip you want to make by clicking on the arrow next to “New”. The options you need to choose from are of four types viz., free-form, rectangular, window, and full-screen. Unlike a regular snip, the screen will not immediately fade out but, you will have 1-5 seconds, depending on the delay you chose to set up your screenshots. You can use this time to open the pop-up menu or tooltip you want to capture and once when your seconds have passed, the screen will freeze and fade out so that you can create your own snip. In case, if you chose Window or full-screen, it will just capture the snip immediately.

  • Using keyboard shortcuts with Game Bar in Windows 10

Windows 10 snips with game DVR capabilities to record gameplay footage and take the screenshots of Windows PC games. This game bar generates screenshots in PNG format and will save them in C drive. It is important to note that before you start using the game, launch the Xbox app which came with Windows 10 open its settings and under “Game DVR”, the toggle “Take screenshots using Game DVR” and assign whatever the keyboard shortcuts you would like to have.

While taking the screenshot, use the keyboard combination of “Windows” key + G, which is by default and then click or tap on the “Yes, this is a game” box if prompted. Now, click on the “Camera” icon or “Win + Alt + PrtScr” to take a screenshot. It is important to note that the keyboard shortcut will only work if you have previously checked the “Yes, this is a game” box for this specific game and then you will be able to see a notification which will let you know the message “Screenshot saved”. If you click on the notification then it will open to Xbox > Game DVR > On this PC” to see it.

  • Powerful screenshot with the easy way of Snagit

All of the Window’s built-in methods have their own pros and cons and if you take a lot of screenshots and want more flexibility that the built-in tools offer, then the third-party tool is the best option for you. In case you don’t mind spending a few dollars then Snagit is a top-notch tool which will make taking screenshots easy and has tons of features which would let you target specific Windows, take region snapshots, and even capture the full text of scrolling windows like webpages. You can even take short videos if you want and can also annotate screenshots, draw arrows and shapes, and to an extent everything that one can imagine a screenshot tool should be able to do. It is a great tool which can take lot of screenshots in quick time.

Taking screenshots on a PC using snipping tools explained in detail

Sometimes the easiest way to make a copy of something on a computer is to take a screen snapshot and this is exactly what the Snipping Tool does. It can be used to save and share new stories, movie reviews, recipes, and many more.

For capturing the following types of snips use the specified method

Free-form Snip: Draw a free-form shape around an object to be sniped

Rectangular snip: Dragging the cursor around the object to form a rectangle

Window snip: Selecting a window such as a browser window or a dialog box to capture screenshot

Full-screen snip: Capturing the entire screen

After capturing the snip, it is automatically copied to the Snipping Tool Window, from where the user can annotate or save or share the snip. Following is the short description for using Snipping Tool.

Open Snipping Tool

For Windows 10: Type the “Snipping Tool” in the search box on the taskbar, and then select it.

For Windows 8.1: Swipe in from the right edge of the screen and then tap Search or if you are using a mouse, point to the lower-right corner of the screen then move the mouse pointer up and then click search “Search” and then enter Snipping Tool in the search box and click on it.

For Windows 7: Click on the Start Button and then type Snipping Tool in the search box and then in the list of results, click on the Snipping Tool.

To capture a snip

In Snipping Tool, select the arrow next to the New Button, then choose the kind of snip you want and then pick the area of your screen which you want to capture.

Capturing a snip of a menu

  • After opening the Snipping Tool, open the menu that you want a picture of.
  • Press Ctrl + PrtScr
  • Select the arrow next to the New button, then choose the kind of snip you want and then pick the area of the screen that you want to capture.

Annotate a snip

After capturing a snip, the user is allowed to write or draw on or around the snip by selecting the Pen button

Saving the snip

  • After capturing the snip, select the Save Snip button
  • In the “Save As” box, enter the file name, location, and type and then select “Save”

Removing the URL

After capturing the snip from the browser window and saving it as an HTML file, the URL will appear below the snip and to prevent the URL from showing follow the below steps

  • From the Snipping Tool, select the Options button
  • In the Snipping Tools Options, clear the URL below snips check box and then select OK

Sharing a snip

After capturing the snip, select the arrow next to the Send Snip button and then select the required option from the list.

In case you are using Google Chrome, there are times when the user might want to quickly take a screenshot of a page without opening a third-party utility. There are certain webpage screenshot extensions for Chrome which can save a screenshot of any webpage in PNG format. An important point to note is that sometimes while obtaining a screenshot of a webpage can be a bit of work, depending on whether you need only a portion of it or the whole thing and if you do not want to take the time to launch another screenshot utility, then the extension will work well in a pinch.

These were all the methods how to take website screenshot. If you have any query regarding the post or anything else, you can leave a comment below and we will reply to you at the earliest.

Leave a Reply

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