Question

我在修复MVC3 C＃应用程序中的图像时遇到问题。我正在裁剪图像，但在视图中渲染时它的质量会下降。要裁剪的图像是从数据库加载的，并且是从ByteArray创建的，如此...

public static Image ByteArrayToImage(byte[] byteArrayIn)
{
   MemoryStream ms = new MemoryStream(byteArrayIn);
   Image returnImage = Image.FromStream(ms);
   return returnImage;
}

当在视图上渲染此图像时，它看起来很好并且不符合预期的质量。然后我选择要裁剪的区域并使用以下方法进行裁剪...

public Image CropImage(System.Drawing.Image Image, int Height, int Width, int StartAtX, int StartAtY)
        {
            Image outimage;
            MemoryStream mm = null;
            try
            {
                //check the image height against our desired image height
                if (Image.Height < Height)
                {
                    Height = Image.Height;
                }

                if (Image.Width < Width)
                {
                    Width = Image.Width;
                }

                //create a bitmap window for cropping
                Bitmap bmPhoto = new Bitmap(Width, Height, PixelFormat.Format24bppRgb);
                bmPhoto.SetResolution(Image.VerticalResolution,Image.HorizontalResolution);

                //create a new graphics object from our image and set properties
                Graphics grPhoto = Graphics.FromImage(bmPhoto);
                grPhoto.SmoothingMode = SmoothingMode.AntiAlias;
                grPhoto.InterpolationMode = InterpolationMode.HighQualityBicubic;
                grPhoto.PixelOffsetMode = PixelOffsetMode.HighQuality;

                //now do the crop
                grPhoto.DrawImage(Image, new Rectangle(0, 0, Width, Height), StartAtX, StartAtY, Width, Height, GraphicsUnit.Pixel);

                // Save out to memory and get an image from it to send back out the method.
                mm = new MemoryStream();
                bmPhoto.Save(mm, System.Drawing.Imaging.ImageFormat.Jpeg);
                Image.Dispose();
                bmPhoto.Dispose();
                grPhoto.Dispose();
                outimage = Image.FromStream(mm);

                return outimage;
            }
            catch (Exception ex)
            {
                throw new Exception("Error cropping image, the error was: " + ex.Message);
            }
        }

然后将此裁剪后的图像转换回ByteArray，并将其保存到数据库中......

public static byte[] ImageToByteArray(System.Drawing.Image imageIn)
{
    MemoryStream ms = new MemoryStream();
    imageIn.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
    return ms.ToArray();
}

当此图像稍后在视图上呈现时，其质量比原始图像差很多。它看起来很像素化。在这种情况下，原始图像是.jpg，但可以是任何格式。

这是从数据库加载并被裁剪后的图像...

Precropped image

此图像是裁剪的结果。你可以看到它不好。

enter image description here

我在这个主题上看过其他一些帖子，但他们没有帮助。有人可以提出解决方案吗？

谢谢

Answer 1

这是一个很好的博客，总结了一切。我现在在我的应用程序中工作。 http://blog.tallan.com/2011/02/04/using-mvc3-razor-helpers-and-jcrop-to-upload-and-crop-images/

Answer 2

Gunnar Peipman有一篇关于质量的博客文章Resizing images without loss of quality。 Gunnar说出了一些关于出错的伎俩;

如果图像包含嵌入的缩略图图像，则此方法   检索嵌入的缩略图并将其缩放到请求的大小。   如果图像不包含嵌入的缩略图图像，则此方法   通过缩放主图像来创建缩略图图像。

GetThumbnailImage方法在请求的缩略图时效果很好   图像的大小约为120 x 120像素。如果你要求大   缩略图图像（例如，300 x 300）来自具有的图像   嵌入式缩略图，可能会有明显的质量损失   缩略图。缩放主图像可能更好（相反   通过调用DrawImage方法缩放嵌入的缩略图。

razor语法与JCrop很友好，并且cool blog post关于如何使用它。

enter image description here

图像裁剪失去了质量MVC3 .Net C＃应用程序

2 个答案: