Click here to Skip to main content
Click here to Skip to main content

Thumbnail Image Creation and Image format Conversion Utility

By , 5 Jun 2002
 

Sample Image - thumb.gif

Generally we were required, in our classic ASP applications, to generate thumbnail images by using a 3rd party COM component. To do the same in the .NET Framework, you need not depend any more on those tools. It has built in functionality which will convert an original image to a thumbnail without ever writing a physical file to the hard disk. Of course, you have the option to save the result if you want. It will allow users to specify the width and height of the thumbnail image using a QueryString. It handles exceptions by throwing an image not found, in case you give a bad filename or invalid parameters. This code can be written within an aspx page, there is no need to use code behind.

<script language="VB" runat="server">

  Sub Page_Load(Sender As Object, E As EventArgs)
	
        Dim originalimg, thumb As System.Drawing.Image
        Dim FileName As String
        Dim inp As New IntPtr()
        Dim width, height As Integer
        Dim rootpath As String

        rootpath = Server.MapPath("/") ' Get Root Application Folder

        FileName = rootpath & Request.QueryString("FileName") ' Root Folder + FileName
        Try
            originalimg = originalimg.FromFile(FileName) ' Fetch User Filename
        Catch
            originalimg = originalimg.FromFile(rootpath & "error.gif") ' Fetch error.gif
        End Try

        ' Get width using QueryString.
        If Request.QueryString("width") = Nothing Then
            width = originalimg.Width  ' Use original Width. 
        ElseIf Request.QueryString("width") = 0 Then  ' Assign default width of 100.
            width = 100
        Else
            width = Request.QueryString("width") ' Use User Specified width.
        End If

        ' Get height using QueryString.
        If Request.QueryString("height") = Nothing Then
            height = originalimg.Height ' Use original Height.
        ElseIf Request.QueryString("height") = 0 Then ' Assign default height of 100.
            height = 100
        Else
            height = Request.QueryString("height") ' Use User Specified height.
        End If

        thumb = originalimg.GetThumbnailImage(width, height, Nothing, inp)

        ' Sending Response JPEG type to the browser. 
        Response.ContentType = "image/jpeg"
        thumb.Save(Response.OutputStream, Imaging.ImageFormat.Jpeg)

        ' Disposing the objects.
        originalimg.Dispose()
        thumb.Dispose()

  End Sub
</script>

Usage

http://<servername>/thumbnailimage.aspx?filename=<filename>&width=75&height=75

Where filename should be path relative to the root of the application folder. width & height are optional. If not specified, then the original width and height will be used.

If width or height are specified as 0, then the default width / height of 100 pixels is used.

Examples

http://localhost/thumbnailimage.aspx?filename=win2000.gif

http://localhost/thumbnailimage.aspx?filename=win2000.gif&width=0&height=0

http://localhost/thumbnailimage.aspx?filename=win2000.gif&width=50&height=50

http://localhost/test/thumbnailimage.aspx?filename=test/win2000.gif

Notes

By default the thumbnail image generated is of type JPEG. One can change the Response.Type by changing the following code.

Response.ContentType = "image/jpeg"
thumb.Save(Response.OutputStream, Imaging.ImageFormat.Jpeg) 'Change jpeg word 

with the required supported format(Gif, Png, Bmp etc).

License

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

Karthikg
Web Developer
India India
Member
I am working as Technical Lead at Virtusa, Hyderabad, India. I have more than 6 yrs of experience on the Microsoft Web Platform. I have been working in and out DotNet Technology since Pre Beta Release. The articles are the outcome of the R&D I do in my freetime.

Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
Hint: For improved responsiveness ensure Javascript is enabled and choose 'Normal' from the Layout dropdown and hit 'Update'.
You must Sign In to use this message board.
Search this forum  
    Spacing  Noise  Layout  Per page   
GeneralMy vote of 2memberSaud AKhter9 Jun '09 - 0:12 
GeneralAutomatic thumbnail generationmemberzioturo2 Nov '05 - 5:09 
GeneralRe: Automatic thumbnail generationmemberAlexandru Stanciu13 Jul '06 - 2:16 
GeneralResize works once, but not twicesussAnonymous19 Aug '05 - 5:08 
QuestionQuality ?memberT.Pappas11 Nov '04 - 8:52 
Thanks a lot for this code.
 
Is it possible to have a thumb-on-the-fly with quality adjusting ?
( ex.: width=200,height=200,quality=50% )

GeneralNeed help - Access is deniedmemberbenreily6 Jun '04 - 14:19 
QuestionWhat is wrong ?sussMasterII11 Feb '04 - 14:14 
AnswerRe: What is wrong ?memberKarthikg11 Feb '04 - 17:29 
GeneralRe: What is wrong ?sussMasterII13 Feb '04 - 0:26 
GeneralRe: What is wrong ?memberKarthikg13 Feb '04 - 0:47 
GeneralRe: What is wrong ?memberMasterII13 Feb '04 - 1:15 
GeneralSolutionmemberMasterII13 Feb '04 - 1:28 
Generalresize image upload before savesussK94U7 Jan '04 - 14:44 
Generalaspect ratiomemberloreille29 Nov '03 - 2:47 
GeneralRe: aspect ratiomemberunlisted11 Jan '04 - 11:39 
GeneralRe: aspect ratiosusscry4dawn12 Oct '05 - 11:17 
GeneralZoom and thumbnailsmemberRferj16 Mar '03 - 9:21 
GeneralRe: Zoom and thumbnailssussForum Admin29 Aug '03 - 5:17 
QuestionHow do I save it to diskmemberClasse11 Sep '02 - 2:01 
AnswerRe: How do I save it to diskmemberSteven Behnke20 Apr '03 - 14:03 
GeneralRe: How do I save it to diskmemberarchy24 May '03 - 3:37 
GeneralRe: How do I save it to diskmembereviler6 Jan '04 - 23:05 
GeneralRe: How do I save it to diskmemberarchy7 Jan '04 - 4:10 

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

Permalink | Advertise | Privacy | Mobile
Web02 | 2.6.130523.1 | Last Updated 6 Jun 2002
Article Copyright 2002 by Karthikg
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid