Dynamically Resize Image for Web at runtime

I am trying to find a means of dynamically resizing images on a web page when rendered to a client pc for large photographs in excess of 1MB per picture. When my web page loads, the images make the page load very slowly and I have not been able to find a good means of resizing the images so they can display to the user faster.

I have my image being resized I'm unable to pass it into an image object from system.web.ui.image - I have a byte array of the image and also can pass into a memorystream - how do I re-render the image into the asp.net image object on my web page. This is the method I'm using to resize the image, but it's returning a system.drawing.image object and I cannot cast it to the web.ui.image object. public Image resizeMe(String imagePath) { ImageConverter iC = new ImageConverter(); System.Drawing.Image resizedImage = System.Drawing.Image.FromFile(imagePath); byte[] imageByteArray = imageToByteArray(resizedImage); int newWidth = 120; int newHeight = 120; System.IO.MemoryStream memoryStream = new System.IO.MemoryStream(imageByteArray); System.Drawing.Image image = System.Drawing.Image.FromStream(memoryStream); System.Drawing.Image thumbnail = new System.Drawing.Bitmap(newWidth, newHeight); System.Drawing.Graphics graphic = System.Drawing.Graphics.FromImage(thumbnail); graphic.InterpolationMode = InterpolationMode.HighQualityBicubic; graphic.SmoothingMode = SmoothingMode.HighQuality; graphic.PixelOffsetMode = PixelOffsetMode.HighQuality; graphic.CompositingQuality = CompositingQuality.HighQuality; graphic.DrawImage(image, 0, 0, newWidth, newHeight); return thumbnail; } Also I'm not sure how to format these so they don't look like a huge paragraph, how did you do that in your reply to my initial post?

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

John Adelphia17y ago
I have my image being resized I'm unable to pass it into an image object from system.web.ui.image - I have a byte array of the image and also can pass into a memorystream - how do I re-render the image into the asp.net image object on my web page. This is the method I'm using to resize the image, but it's returning a system.drawing.image object and I cannot cast it to the web.ui.image object. public Image resizeMe(String imagePath) { ImageConverter iC = new ImageConverter(); System.Drawing.Image resizedImage = System.Drawing.Image.FromFile(imagePath); byte[] imageByteArray = imageToByteArray(resizedImage); int newWidth = 120; int newHeight = 120; System.IO.MemoryStream memoryStream = new System.IO.MemoryStream(imageByteArray); System.Drawing.Image image = System.Drawing.Image.FromStream(memoryStream); System.Drawing.Image thumbnail = new System.Drawing.Bitmap(newWidth, newHeight); System.Drawing.Graphics graphic = System.Drawing.Graphics.FromImage(thumbnail); graphic.InterpolationMode = InterpolationMode.HighQualityBicubic; graphic.SmoothingMode = SmoothingMode.HighQuality; graphic.PixelOffsetMode = PixelOffsetMode.HighQuality; graphic.CompositingQuality = CompositingQuality.HighQuality; graphic.DrawImage(image, 0, 0, newWidth, newHeight); return thumbnail; } Also I'm not sure how to format these so they don't look like a huge paragraph, how did you do that in your reply to my initial post?