Click here to Skip to main content
12,829,060 members (39,085 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


3 bookmarked
Posted 19 Oct 2010

Creating Website Thumbnails in ASP.NET

, 19 Oct 2010 CPOL
Rate this:
Please Sign up or sign in to vote.
Creating a small thumbnail image of a website can be a useful task. This is particularly the case with sites that are directories of websites. A thumbnail helps give the user some idea about the content of a site that they might click to visit.

Creating a small thumbnail image of a website can be a useful task. This is particularly the case with sites that are directories of websites. A thumbnail helps give the user some idea about the content of a site that they might click to visit.

Although there are a couple of gotchas, doing this from ASP.NET is fairly straight forward. The process involves creating a WebBrowser control to load and render the website image, and write that image to a bitmap.

The WebBrowser control is an ActiveX control. Normally, you create one of these by placing it on a Windows Form. Here, we'll just create one dynamically without any form. One problem is that this control can only be created in a single-threaded apartment. This is the tricky part of this code. We need to create a new thread, set its apartment state to single-threaded apartment, and then run it. This worker thread will create the control and generate the thumbnail. Listing 1 shows my code for the WebsiteThumbnail class.

using System.Drawing;
using System.Threading;
using System.Web;
using System.Windows.Forms;

namespace SoftCircuits
  public class WebsiteThumbnail
    protected string _url;
    protected int _width, _height;
    protected int _thumbWidth, _thumbHeight;
    protected Bitmap _bmp;

    /// <span class="code-SummaryComment"><summary>

Listing 1. WebsiteThumbnail Class

Initially, this class required you to create an instance of it and then call the GetThumbnail() method on that instance. However, I changed it to have a single static GetThumbnail() method to simplify its usage. (I've made all the other members protected.)

To generate a thumbnail image, just call WebsiteThumbnail.GetThumbnail(). The first argument is the URL of the website to generate the thumbnail from. Next are the dimensions of the browser window. This affects how large of an area will be included in the image. And, finally, the last two arguments specify the dimensions of the thumbnail. The method returns a bitmap, which you can save to a file or write to a database.

Although there are a number of services on the web for performing this task, it's nice to be able to perform it right within your application. Hopefully, this code will help you out.

NOTE: I have a shared hosting account where this code fails. I have yet to determine exactly what is happening but the entire application just seems to die at the point the worker thread is created. This code works fine on my test computer. As near as I can tell, it is related to a limitation on the shared hosting account. I will report back here if I can further isolate exactly what the issue is.


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Jonathan Wood
Black Belt Coder
United States United States
Jonathan Wood has been a software developer for more years than he cares to admit. His current focus is on using C# and ASP.NET MVC to develop website applications, and C++ and MFC to develop desktop applications. His consulting company, SoftCircuits, is known for producing various commercial and shareware products.

Having an entrepreneurial spirit, Jonathan also has a number of other online businesses that he built from scratch such as Black Belt Coder, Trail Calendar and others. He also has expertise in designing brands (including graphics and logos) and search-engine optimization (SEO).

Jonathan is always willing to discuss consulting work or joint ventures with people looking to develop software or online businesses.

You may also be interested in...

Comments and Discussions

QuestionPerformance Issue Pin
Member 1214227915-Nov-15 22:08
memberMember 1214227915-Nov-15 22:08 
GeneralMy vote of 5 Pin
millerbill3-Oct-12 1:30
membermillerbill3-Oct-12 1:30 
Generalcomment... Pin
emicroxxx18-May-12 22:13
memberemicroxxx18-May-12 22:13 
QuestionExample how to use it in webform Pin
Mohammad Owidat26-Oct-10 3:01
memberMohammad Owidat26-Oct-10 3:01 
SuggestionRe: Example how to use it in webform Pin
PaulSpencerChapman30-Oct-12 10:51
memberPaulSpencerChapman30-Oct-12 10:51 
AnswerRe: Example how to use it in webform Pin
Jonathan Wood30-Oct-12 10:56
memberJonathan Wood30-Oct-12 10:56 

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.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170326.1 | Last Updated 19 Oct 2010
Article Copyright 2010 by Jonathan Wood
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid