Click here to Skip to main content
Click here to Skip to main content
Go to top

Thumbnail Image Creation and Image format Conversion Utility

, 5 Jun 2002
Rate this:
Please Sign up or sign in to vote.
This code will convert an original image to a thumbnail without writing to the hard disk. You also have the option to save and to specify width and height of the thumbnail image through the QueryString.
<!-- Article image -->

Sample Image - thumb.gif

<!-- Add the rest of your HTML here -->

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

Share

About the Author

Karthikg
Web Developer
India India
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.

Comments and Discussions

 
GeneralMy vote of 2 PinmemberSaud AKhter9-Jun-09 0:12 
GeneralAutomatic thumbnail generation Pinmemberzioturo2-Nov-05 5:09 
GeneralRe: Automatic thumbnail generation PinmemberAlexandru Stanciu13-Jul-06 2:16 
GeneralResize works once, but not twice PinsussAnonymous19-Aug-05 5:08 
QuestionQuality ? PinmemberT.Pappas11-Nov-04 8:52 
GeneralNeed help - Access is denied Pinmemberbenreily6-Jun-04 14:19 
QuestionWhat is wrong ? PinsussMasterII11-Feb-04 14:14 
AnswerRe: What is wrong ? PinmemberKarthikg11-Feb-04 17:29 
GeneralRe: What is wrong ? PinsussMasterII13-Feb-04 0:26 
GeneralRe: What is wrong ? PinmemberKarthikg13-Feb-04 0:47 
GeneralRe: What is wrong ? PinmemberMasterII13-Feb-04 1:15 
GeneralSolution PinmemberMasterII13-Feb-04 1:28 
Generalresize image upload before save PinsussK94U7-Jan-04 14:44 
Generalaspect ratio Pinmemberloreille29-Nov-03 2:47 
GeneralRe: aspect ratio Pinmemberunlisted11-Jan-04 11:39 
GeneralRe: aspect ratio Pinsusscry4dawn12-Oct-05 11:17 
GeneralZoom and thumbnails PinmemberRferj16-Mar-03 9:21 
GeneralRe: Zoom and thumbnails PinsussForum Admin29-Aug-03 5:17 
QuestionHow do I save it to disk PinmemberClasse11-Sep-02 2:01 
AnswerRe: How do I save it to disk PinmemberSteven Behnke20-Apr-03 14:03 
GeneralRe: How do I save it to disk Pinmemberarchy24-May-03 3:37 
GeneralRe: How do I save it to disk Pinmembereviler6-Jan-04 23:05 
GeneralRe: How do I save it to disk Pinmemberarchy7-Jan-04 4:10 
Poke tongue | ;-P
I will give it a try.
Thank you very much~

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

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

| Advertise | Privacy | Mobile
Web02 | 2.8.140926.1 | Last Updated 6 Jun 2002
Article Copyright 2002 by Karthikg
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid