Click here to Skip to main content
14,382,301 members

Webpage thumbnailer

Rate this:
4.75 (25 votes)
Please Sign up or sign in to vote.
4.75 (25 votes)
17 Aug 2006
An article on how to get a webpage thumbnail and give your favorite links a face.

Image 1


Once upon a time, I got an idea to have a thumbnail of a webpage associated with each URL that I had on my list. Sort of a URL with "face" :). I began to research on how to implement it, and found no solution for it in the open software domain. Many that I found were commercial products in the form of components and standalone programs. I'm just a poor programmer, and couldn't spend much to buy such a component. I was sure that there would be a way (even several) to achieve this goal without touching my child's spare money. And what I present in this article is what I found.

Using the code

Before you get into the code, you can build it and play around with it. The URL should be in a form, for example. I didn't write URL validation code, so you have to be careful about it. The project is very simple, and there are only a couple of points that I have to mention. To get the thumbnail image of the webpage, I use the WebBrowser component that comes with Visual Studio 2005 and is a part of the .NET framework v.2. I placed it on a BrowserForm, and set the size of the form to approximately 600 to 800 pixels to get enough visual data. Then, the BrowserForm is initialized, but is actually never shown. And this makes a trick.

private void TestForm_Load(object sender, EventArgs e) {
 browserForm = new BrowserForm(); 

What I have to do then is to take a snapshot of the WebBrowser after the page is loaded. That's all!

  Bitmap docImage = new Bitmap(600, 800);
  webBrowser1.DrawToBitmap(docImage, new Rectangle(webBrowser1.Location.X, 
          webBrowser1.Location.Y, webBrowser1.Width, webBrowser1.Height));

The page takes some time to load, and because of that, I've split the getting of the image in to three steps:

  1. I call the method getImageFromUrl(string url) on a BrowserForm that starts downloading the page from a given URL.
  2. The WebBrowser event DocumentCompleted is handled by the procedure webBrowser1_DocumentCompleted. It sets the image of the current DocPic object.
  3. The setter of the current DocPic object triggers the refreshPicture event that updates the displayed picture. Some resizing is made on place.

All code provided is purely for demonstration purposes only, so don't try to find design issues in it. You'll certainly find it if you try.


It's nice to know that on your website I can write history :). Thanks to the admin!


This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here


About the Author

Web Developer
Belgium Belgium
No Biography provided

Comments and Discussions

Questionplease provide alternative version Pin
Dexter1124-Jun-12 22:23
memberDexter1124-Jun-12 22:23 
GeneralThanks Pin
Mohsen_Malekan3-Apr-11 20:39
memberMohsen_Malekan3-Apr-11 20:39 
Questionapplet problem Pin
domartins10-May-08 8:55
memberdomartins10-May-08 8:55 
QuestionHow save image Pin
rashidpervaiz087-Feb-08 0:22
memberrashidpervaiz087-Feb-08 0:22 
GeneralReal height Pin
Bizounours19-Nov-07 3:58
memberBizounours19-Nov-07 3:58 
AnswerRe: Real height Pin
dooskoobi19-Nov-07 10:42
memberdooskoobi19-Nov-07 10:42 
GeneralRe: Real height Pin
Bizounours19-Nov-07 22:07
memberBizounours19-Nov-07 22:07 
AnswerRe: Real height - SOLUTION Pin
tfpds12-Dec-07 4:28
membertfpds12-Dec-07 4:28 
QuestionBlank Image on Websites with Java Applets Pin
Jon Ebersole9-Feb-07 13:58
memberJon Ebersole9-Feb-07 13:58 
AnswerRe: Blank Image on Websites with Java Applets Pin
Wei Tian23-Mar-09 21:26
memberWei Tian23-Mar-09 21:26 
QuestionHow to fix blank image? Pin
Matt34229-Dec-06 15:16
memberMatt34229-Dec-06 15:16 
QuestionASP.Net environment Pin
Franck Quintana26-Oct-06 8:24
memberFranck Quintana26-Oct-06 8:24 
AnswerRe: ASP.Net environment Pin
dooskoobi26-Oct-06 11:51
memberdooskoobi26-Oct-06 11:51 
GeneralRe: ASP.Net environment Pin
Franck Quintana27-Oct-06 16:27
memberFranck Quintana27-Oct-06 16:27 
GeneralRe: ASP.Net environment Pin
gedw9927-May-07 7:36
membergedw9927-May-07 7:36 
GeneralRe: ASP.Net environment Pin
Franck Quintana28-May-07 0:24
memberFranck Quintana28-May-07 0:24 
GeneralRe: ASP.Net environment Pin
Dmitry Kirsanov12-Oct-11 11:24
memberDmitry Kirsanov12-Oct-11 11:24 
GeneralFixed blank image [modified] Pin
Randall Stephens16-Oct-06 7:13
memberRandall Stephens16-Oct-06 7:13 
GeneralRe: Fixed blank image [modified] Pin
NutSoft16-Nov-06 2:37
memberNutSoft16-Nov-06 2:37 
GeneralBlank Image Pin
sides_dale8-Sep-06 17:32
membersides_dale8-Sep-06 17:32 
GeneralRe: Blank Image Pin
dooskoobi9-Sep-06 13:23
memberdooskoobi9-Sep-06 13:23 
GeneralRe: Blank Image Pin
Noah Nadeau4-Apr-08 6:51
memberNoah Nadeau4-Apr-08 6:51 
GeneralRe: re "I can write history:" Pin
BillWoodruff26-Aug-06 1:59
mveBillWoodruff26-Aug-06 1:59 
GeneralNice find Pin
Simone Busoli23-Aug-06 7:58
memberSimone Busoli23-Aug-06 7:58 
GeneralRe: Nice find Pin
dooskoobi24-Aug-06 9:49
memberdooskoobi24-Aug-06 9:49 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Posted 17 Aug 2006


96 bookmarked