I don’t remember why, but for the longest time I have been searching for a tool or code that would allow me to create a screen shot and thumbnail of an entire web page. Lately, I have been using Cropper, as well as the old ”Print Screen” and cropping the image in Photoshop technique. This normally does the job. But what if the web page is rendered to be taller than the available screen height?

I am sure there is a tool that does what I am looking for, but I haven’t found it yet…until today. Well, I almost found it. What I found instead was two articles on Code Project. And then after a couple hours in Visual Studio, presto-chango, I give you the Web Page Thumber.

It’s actually just a prototype, built on top of dooskoobi’s “Webpage Thumbnailer“ source code. Credits also go to a reply comment by gimenezparera to Douglas M. Weems’ “Image Capture Whole Web Page using C#” article. This last one pointed me to the System.Windows.Forms.WebBrowser component, specifically using WebBrowser.Document.Body.ScrollRectangle.Height to find the rendered web page height.

I have  provided an executable download of my hacked version of the Webpage Thumbnailer. You will need .NET 2.0 Framework or redistributable package  installed.

Executable: Thumbnailer.zip

The interface should be fairly straightforward, but here are a couple tips. ”Browser Width” is the width of the browser to render the web site at when the full size screen shot is taken. This is useful if you want to get a thumbnail/screen shot at different resolutions to see if the content shifts or not. To “Save a thumnail”, right-click on the image (or double-click on it). Currently, it only supports png as the output format.

One big note, it does NOT work with all web sites. I don’t know why, but it just doesn’t. I will take a look at it when I have more time.