logo标签列表

在ASP.NET中调整图像大小而不失去图像质量

c#asp.netimageimage-scaling
35

我正在开发一个ASP.NET 3.5网络应用程序，在此应用程序中，我允许用户上传jpeg、gif、bmp或png图像。如果上传的图像尺寸大于103 x 32，则我希望将上传的图像调整为103 x 32。我已经阅读了一些博客文章和文章，并尝试了一些代码示例，但似乎没有任何一个适合我的需求。是否有人成功实现这个功能呢？

1
请发布你正在使用的代码，并解释它为何无法正常工作。 - D'Arcy Rittich
1
你想要强制使用103x32的尺寸吗？还是自适应最佳尺寸？ - citronas
ImageBuilder.Current.Build(HttpPostedFile file, string path, new ResizeSettings("width=103&height=32")); //使用Image Resizer库 - Lilith River
7个回答
41

这是我使用的代码。它支持旋转，并将图像分辨率设置为JPEG标准的72dpi@24位色（默认情况下，GDI+将图像保存为96dpi@32位色）。它还解决了一些人在调整图像大小时遇到的黑色/灰色边框问题。

/// <summary>
/// Resizes and rotates an image, keeping the original aspect ratio. Does not dispose the original
/// Image instance.
/// </summary>
/// <param name="image">Image instance</param>
/// <param name="width">desired width</param>
/// <param name="height">desired height</param>
/// <param name="rotateFlipType">desired RotateFlipType</param>
/// <returns>new resized/rotated Image instance</returns>
public static Image Resize(Image image, int width, int height, RotateFlipType rotateFlipType)
{
    // clone the Image instance, since we don't want to resize the original Image instance
    var rotatedImage = image.Clone() as Image;
    rotatedImage.RotateFlip(rotateFlipType);
    var newSize = CalculateResizedDimensions(rotatedImage, width, height);

    var resizedImage = new Bitmap(newSize.Width, newSize.Height, PixelFormat.Format32bppArgb);
    resizedImage.SetResolution(72, 72);

    using (var graphics = Graphics.FromImage(resizedImage))
    {
        // set parameters to create a high-quality thumbnail
        graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
        graphics.SmoothingMode = SmoothingMode.AntiAlias;
        graphics.CompositingQuality = CompositingQuality.HighQuality;
        graphics.PixelOffsetMode = PixelOffsetMode.HighQuality;

        // use an image attribute in order to remove the black/gray border around image after resize
        // (most obvious on white images), see this post for more information:
        // http://www.codeproject.com/KB/GDI-plus/imgresizoutperfgdiplus.aspx
        using (var attribute = new ImageAttributes())
        {
            attribute.SetWrapMode(WrapMode.TileFlipXY);

            // draws the resized image to the bitmap
            graphics.DrawImage(rotatedImage, new Rectangle(new Point(0, 0), newSize), 0, 0, rotatedImage.Width, rotatedImage.Height, GraphicsUnit.Pixel, attribute);
        }
    }

    return resizedImage;
}

/// <summary>
/// Calculates resized dimensions for an image, preserving the aspect ratio.
/// </summary>
/// <param name="image">Image instance</param>
/// <param name="desiredWidth">desired width</param>
/// <param name="desiredHeight">desired height</param>
/// <returns>Size instance with the resized dimensions</returns>
private static Size CalculateResizedDimensions(Image image, int desiredWidth, int desiredHeight)
{
    var widthScale = (double)desiredWidth / image.Width;
    var heightScale = (double)desiredHeight / image.Height;

    // scale to whichever ratio is smaller, this works for both scaling up and scaling down
    var scale = widthScale < heightScale ? widthScale : heightScale;

    return new Size
                   {
                       Width = (int) (scale * image.Width),
                       Height = (int) (scale * image.Height)
                   };
}
3
谢谢您指出解决灰色边框问题的方案。 - user151323
这个解决方案可以调整大小而不改变原始图像的颜色！做得好！ - danyolgiax
谢谢，这个解决方案确实帮了我很多。我将它与另一种在调整大小的图像上打印文本的方法结合使用，效果非常好。 - Shaahin
这段代码运行良好，但为了不失去图像的透明度，您需要将 PixelFormat.Format24bppRgb 更改为 PixelFormat.Format32bppArgb。 - BornToCode
37

我之前也遇到了同样的问题，我是这样处理的：

private Image RezizeImage(Image img, int maxWidth, int maxHeight)
{
    if(img.Height < maxHeight && img.Width < maxWidth) return img;
    using (img)
    {
        Double xRatio = (double)img.Width / maxWidth;
        Double yRatio = (double)img.Height / maxHeight;
        Double ratio = Math.Max(xRatio, yRatio);
        int nnx = (int)Math.Floor(img.Width / ratio);
        int nny = (int)Math.Floor(img.Height / ratio);
        Bitmap cpy = new Bitmap(nnx, nny, PixelFormat.Format32bppArgb);
        using (Graphics gr = Graphics.FromImage(cpy))
        {
            gr.Clear(Color.Transparent);

            // This is said to give best quality when resizing images
            gr.InterpolationMode = InterpolationMode.HighQualityBicubic;

            gr.DrawImage(img,
                new Rectangle(0, 0, nnx, nny),
                new Rectangle(0, 0, img.Width, img.Height),
                GraphicsUnit.Pixel);
        }
        return cpy;
    }

}

private MemoryStream BytearrayToStream(byte[] arr)
{
    return new MemoryStream(arr, 0, arr.Length);
}

private void HandleImageUpload(byte[] binaryImage)
{
    Image img = RezizeImage(Image.FromStream(BytearrayToStream(binaryImage)), 103, 32);
    img.Save("IMAGELOCATION.png", System.Drawing.Imaging.ImageFormat.Gif);
}

我刚刚读到这是获取最高质量的方法。

在新版本中，我还考虑到不会拉伸图像，但这应该很容易解决 :-P（提示：ration = Math.Min(ration, 1.0);） - Alxandr
好的，还有一些设置可以帮助优化，例如像素偏移。 - Lilith River
谢谢您提供这个信息。不幸的是，当我将一张大尺寸的图片（3264 x 2448）缩小至60 x 45时，我发现结果的顶部和左侧边缘有些模糊。 - Lenny Sirivong
这是一个很好的解决方案。请注意，运行后PropertyInfo为空。因此，如果您计划将图像旋转为直立，请先执行该操作。 - JosephStyons
2
与位图实际调整大小相关的代码如下。
public static Bitmap ResizeBitmap( Bitmap originalBitmap, int requiredHeight, int requiredWidth )
{
   int[] heightWidthRequiredDimensions;

   // Pass dimensions to worker method depending on image type required
   heightWidthRequiredDimensions = WorkDimensions(originalBitmap.Height, originalBitmap.Width, requiredHeight, requiredWidth);


   Bitmap resizedBitmap = new Bitmap( heightWidthRequiredDimensions[1],
                                      heightWidthRequiredDimensions[0] );

   const float resolution = 72;

   resizedBitmap.SetResolution( resolution, resolution );

   Graphics graphic = Graphics.FromImage( (Image) resizedBitmap );

   graphic.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
   graphic.DrawImage( originalBitmap, 0, 0, resizedBitmap.Width, resizedBitmap.Height );

   graphic.Dispose();
   originalBitmap.Dispose();
   //resizedBitmap.Dispose(); // Still in use


   return resizedBitmap;
}


private static int[] WorkDimensions(int originalHeight, int originalWidth, int requiredHeight, int requiredWidth )
{
   int imgHeight = 0;
   int imgWidth = 0;

   imgWidth = requiredHeight;
   imgHeight = requiredWidth;


   int requiredHeightLocal = originalHeight;
   int requiredWidthLocal = originalWidth;

   double ratio = 0;

   // Check height first
   // If original height exceeds maximum, get new height and work ratio.
   if ( originalHeight > imgHeight )
   {
       ratio = double.Parse( ( (double) imgHeight / (double) originalHeight ).ToString() );
       requiredHeightLocal = imgHeight;
       requiredWidthLocal = (int) ( (decimal) originalWidth * (decimal) ratio );
   }

   // Check width second. It will most likely have been sized down enough
   // in the previous if statement. If not, change both dimensions here by width.
   // If new width exceeds maximum, get new width and height ratio.
   if ( requiredWidthLocal >= imgWidth )
   {
       ratio = double.Parse( ( (double) imgWidth / (double) originalWidth ).ToString() );
       requiredWidthLocal = imgWidth;
       requiredHeightLocal = (int) ( (double) originalHeight * (double) ratio );
   }

   int[] heightWidthDimensionArr = { requiredHeightLocal, requiredWidthLocal };

   return heightWidthDimensionArr;
}
}

此博客文章包含了图片大小调整及压缩（如有需要）的完整源代码。 http://blog.bombdefused.com/2010/08/bulk-image-optimizer-in-c-full-source.html
0
public static System.Drawing.Image ScaleImage(System.Drawing.Image image, int maxImageHeight)
    {
        /* we will resize image based on the height/width ratio by passing expected height as parameter. Based on Expected height and current image height, new ratio will be arrived and using the same we will do the resizing of image width. */

        var ratio = (double)maxImageHeight / image.Height;
        var newWidth = (int)(image.Width * ratio);
        var newHeight = (int)(image.Height * ratio);
        var newImage = new Bitmap(newWidth, newHeight);
        using (var g = Graphics.FromImage(newImage))
        {
            g.DrawImage(image, 0, 0, newWidth, newHeight);
        }
        return newImage;
    }
0

我成功地通过创建图像的位图，然后调整位图大小来完成这个任务...我不确定这是否是最好或最有效的方法，但对我来说它起作用了。

在我的情况下，我需要将图像的高度和宽度减半。

这是我所做的。

   private Image getImageFromBytes(byte[] myByteArray)
    {                        
        System.IO.MemoryStream newImageStream = new System.IO.MemoryStream(myByteArray, 0, myByteArray.Length);
        Image image = Image.FromStream(newImageStream, true);
        Bitmap resized = new Bitmap(image, image.Width / 2, image.Height / 2);
        image.Dispose();
        newImageStream.Dispose();
        return resized;
    }
0
  decimal size = Math.Round(((decimal)fUpload.PostedFile.ContentLength / (decimal)1024), 2);
        DirectoryInfo dir = new DirectoryInfo(MapPath("Images"));
        FileInfo[] files = dir.GetFiles();
         foreach (FileInfo info in files)
        {
              decimal size2 = Math.Round(((decimal)info.Length / (decimal)1024), 2);
              string Image_name = info.Name.ToString();
              string targetPath = Server.MapPath("Images/" + Image_name);
              string strm = Server.MapPath("Images/" + Image_name);
              var targetFile = targetPath;
              ReduceImageSize(0.5, strm, targetFile, Image_name);
         }
那如何强制限制为103x32？ - Markus Deibel
0
   // Fixed Size Image Generate Code
 protected void btnUpload_Click(object sender, EventArgs e)
    {

 decimal size = Math.Round(((decimal)fUpload.PostedFile.ContentLength / (decimal)1024), 2);
        DirectoryInfo dir = new DirectoryInfo(MapPath("Images"));
        FileInfo[] files = dir.GetFiles();
         foreach (FileInfo info in files)
        {
              decimal size2 = Math.Round(((decimal)info.Length / (decimal)1024), 2);
              string Image_name = info.Name.ToString();
              string targetPath = Server.MapPath("Images/" + Image_name);
              string strm = Server.MapPath("Images/" + Image_name);
              var targetFile = targetPath;
              ReduceImageSize(0.5, strm, targetFile, Image_name);
         }
}

 public void ReduceImageSize(double scaleFactor, String sourcePath, string targetPath, string Image_name)
    {

 // Fixed Size Image Generate Code

       public void ReduceImageSize(double scaleFactor, String sourcePath, string targetPath, string Image_name)
    {
        using (var image = System.Drawing.Image.FromFile(sourcePath))
               {

            //var newWidth = (int)(image.Width  * scaleFactor);
            //var newHeight = (int)(image.Height * scaleFactor);
            var newWidth = (int)(500 * scaleFactor);
            var newHeight = (int)(500 * scaleFactor);
            var thumbnailImg = new Bitmap(newWidth, newHeight);
            var thumbGraph = Graphics.FromImage(thumbnailImg);
            thumbGraph.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;
            thumbGraph.SmoothingMode = SmoothingMode.HighQuality;
            thumbGraph.InterpolationMode = InterpolationMode.HighQualityBicubic;
            var imageRectangle = new System.Drawing.RectangleF (0, 0, newWidth, newHeight);
            thumbGraph.DrawImage(image, imageRectangle);


            MemoryStream s = new MemoryStream();
            thumbnailImg.Save(s, System.Drawing.Imaging.ImageFormat.Png);
            s.Position = 0;
            byte[] image2 = new byte[525000];// 512kb =525000  
            s.Read(image2, 0, image2.Length);

            Guid guid = Guid.NewGuid();
            string Server_MapPath = Server.MapPath("~/Image Compress/" + Image_name + guid.ToString() + ".PNG");//Your Compressor Image Save Path

            System.IO.FileStream fs = new System.IO.FileStream(Server_MapPath, System.IO.FileMode.Create, System.IO.FileAccess.ReadWrite);
            fs.Write(image2, 0, image2.Length);

        }
    }
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接