How to screenshot a full Webpage (not just the part you're on)

Author
Jascha Luca
Publication date
10.01.2017
Ilość komentarzy
0

Screenshotting is an invaluable feature, be it on your phone saving steamy Snapchats or on your laptop saving important bits of information you scroll past on your favourite web page. If you ever get frustrated because can’t quite fit all the information into a screen shot there is a way to capture an entire website without the need to print to PDF.

how_to_screen_shot_full_web_pages

The F1 through F12 key functions explained. 

The alternative to screenshotting web pages has always been to print them to documents either PDF or XPS in Windows or on Mac print to PDF.  This is great for most occasions but it is often slow and you have to open the files with a PDF viewer. The best part about a screenshot is its quick easy and opens super fast as an image file and doesn’t have the issue of page alignment being screwed up in the conversion to A4 page size. It also preserves the web page in the exact format and layout it was at the time.

There are a couple of ways you can go about taking a Screenshot of an entire page. The first one is to use a standalone screenshot tool. Basically, a small program or app that will allow you to capture the site. All built in screenshot processes such as using the Print Screen key on Window are great for capturing the exact image on your screen. However, if you are wanting to capture everything you will need to install a third party program or grab a browser extension. The results of the screenshots will look something similar to this:

Screenshot_full_webpages_websites_how_to_windows_

How to screenshot full web pages using FastStone Capture.

As with all things on the Internet, there are plenty of programs and apps to choose from, however, for the purpose of this tutorial we are going to use a program called FastStone Capture. It’s small, fast, quick and uses almost no resources on your computer, Plus it doesn’t contain any annoying malware or spyware.

There are two versions of FastStone Capture. The first and most up to date version comes with a free trial, then is a $20 once off to purchase a license. Or alternatively, you can download an older version with more basic features that still allows entire websites to be captured for free. The free version is all you need to be honest.

FastStone Capture Free

Once you have installed the app the first thing you are going to want to do is open the settings menu from the right-hand corner. Here you will be able to see all the hotkeys you can use to take different kinds of screenshots. Apart from being able to capture screenshots FastStone also allows you to capture video and is quite popular with gamers who like to record League of Legends matches and Call of Duty rounds. Below is the options menu from FastStone.

How_to_screen_capture_entire_pages_websites

The second option is a browser addon called Nimbus.

Nimbus is a great addon/extension for Either Mozilla Firefox or Google Chrome (unfortunately Microsoft Edge misses out again) Nimbus is one of the best screenshot extensions I have used. It has a huge list of options and from what I have found has just about any option you can think of for taking a screenshot, including capturing entire web pages. It also allows you to record video. There is also has a list of customisable hotkeys you can program as you like to take any type of screenshot in an instant.

You can find nimbus with a quick google search or grab it here: Download Nimbus

Once you have Nimbus installed on your browser of choice you will see a new icon placed on the end of your extension bar. (It kind of looks like a blue Netflix Icon in a black square) to use Nimbus it's as simple as clicking on the icon and selecting the type of screenshot you wish to take. Then just follow the onscreen instructions. If you wish to set up some hotkeys or change the image format Nimbus saves to just click the options icon in the bottom right-hand corner below the screenshot settings and adjust away.

screenshot_full_web_sites_web_pages_nimbus_how_to

Join the discussion

comments powered by Disqus