在做Web项目时,发现大量高质量图片加载严重影响性能。于是考虑进行图片压缩预处理,也就是将高清图片等比压缩成低质量图片,当用户点击某张图片时再加载显示该图片高清原图。刚开始用C# Graphics DrawImage重绘方式批量进行图片压缩。但是通过测试发现15M大小以上的图片进行重绘时就会出现内存不足异常(当然这个异常情况可能因不同电脑有所不同,也许有的电脑10M的图片进行Graphics重绘时就会出现异常)。通过Google、MSDN寻求各种方法,都无法解决Graphics对大图片重绘出现内存不足的异常。于是放弃治疗,到Githup、CodePlex等等开源社区去找开源图像操作库,无意中发现开源库Magick.NET。Magick.NET从名字上就能让人隐约感觉到这个类库并非使用.NET写的。其实它是对ImageMagick的.NET封装,而ImageMagick是一个很强大的图像操作库,支持超过 100 种的文件格式。像图片压缩这种操作,ImageMagick处理起来轻轻松松。使用ImageMagick库.NET封装的库Magick.NET进行1GB的tif图生成缩略图操作(也就是图片压缩),一点问题都没有。当然1GB大小的tif图处理起来肯定需要些时间,将1GB的tif图按1%比例等比压缩,生成一张新的图片大概需要2~3钟(时间长短因电脑配置会有所不同)。
另外一点使用Magick.NET要注意,Magick.NET有64/32位之分,当然也有适应64/32位系统的库。也就是说Magick.NET有三个版本,32位、64位以及AndyCPU版。使用时还需注意资源的释放,.NET的程序员习惯把资源回收任务交给.NET垃圾回收机制进行处理。其实对于消耗资源的操作,必要时应该手动释放资源,毕竟.NET垃圾回收不是万能的,批量操作很有可能导致资源无法及时释放而出异常,严重点也许会爆内存。
- 方案一:使用Magick.NET压缩图片(推荐)
/// <summary>
/// 生成缩略图
/// </summary>
/// <param name="srcFileName">源图像文件</param>
/// <param name="destFileName">目标图像文件</param>
/// <param name="width">指定压缩宽度</param>
/// <param name="height">指定压缩高度</param>
private void MakeThumbnail(string srcFileName, string destFileName, int width, int height)
{
using (MagickImage image = new MagickImage(srcFileName))
{
if (width <= 0)
width = (int)Math.Ceiling(image.Width * GetScale(image.Height, height));
if (height <= 0)
height = (int)Math.Ceiling(image.Height * GetScale(image.Width, width));
image.Thumbnail(width, height);
image.Write(destFileName);
}
}
/// <summary>
/// 生成缩略图
/// </summary>
/// <param name="srcFileName">源图像文件</param>
/// <param name="destFileName">目标图像文件</param>
/// <param name="percent">等比压缩比例</param>
private void MakeThumbnail(string srcFileName, string destFileName, int percent)
{
using (MagickImage image = new MagickImage(srcFileName))
{
image.Thumbnail(new Percentage(percent));
image.Write(destFileName);
}
}
- 方案二:使用.NET Graphics重绘方式压缩图片(压缩大图片不建议使用)
#region 生成缩略图
///<summary>
/// 生成缩略图
/// </summary>
/// <param name="originalImagePath">源图路径(物理路径)</param>
/// <param name="thumbnailPath">缩略图路径(物理路径)</param>
/// <param name="width">缩略图宽度</param>
/// <param name="height">缩略图高度</param>
/// <param name="mode">生成缩略图的方式</param>
public void MakeThumbnail(string originalImagePath, string thumbnailPath, int width, int height, ThumbnailMode mode, out string outthumbnailPath)
{
System.Drawing.Image originalImage = System.Drawing.Image.FromFile(originalImagePath);
int towidth = width;
int toheight = height;
int x = 0;
int y = 0;
int ow = originalImage.Width;
int oh = originalImage.Height;
switch (mode)
{
case ThumbnailMode.HeightAndWidth://指定高宽缩放(可能变形)
break;
case ThumbnailMode.Width://指定宽,高按比例
toheight = originalImage.Height * width / originalImage.Width;
break;
case ThumbnailMode.Height://指定高,宽按比例
towidth = originalImage.Width * height / originalImage.Height;
break;
case ThumbnailMode.Cut://指定高宽裁减(不变形)
if ((double)originalImage.Width / (double)originalImage.Height > (double)towidth / (double)toheight)
{
oh = originalImage.Height;
ow = originalImage.Height * towidth / toheight;
y = 0;
x = (originalImage.Width - ow) / 2;
}
else
{
ow = originalImage.Width;
oh = originalImage.Width * height / towidth;
x = 0;
y = (originalImage.Height - oh) / 2;
}
break;
default:
break;
}
//新建一个bmp图片
System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight);
//新建一个画板
Graphics g = System.Drawing.Graphics.FromImage(bitmap);
//设置高质量插值法
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
//设置高质量,低速度呈现平滑程度
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
//清空画布并以透明背景色填充
g.Clear(Color.Transparent);
//在指定位置并且按指定大小绘制原图片的指定部分
g.DrawImage(originalImage, new Rectangle(0, 0, towidth, toheight),
new Rectangle(x, y, ow, oh),
GraphicsUnit.Pixel);
try
{
//以jpg格式保存缩略图
bitmap.Save(thumbnailPath, System.Drawing.Imaging.ImageFormat.Jpeg);
outthumbnailPath = thumbnailPath;
}
catch (System.Exception e)
{
throw e;
}
finally
{
originalImage.Dispose();
bitmap.Dispose();
g.Dispose();
}
}
public enum ThumbnailMode
{
/// <summary>
/// 指定高宽缩放(可能变形)
/// </summary>
HeightAndWidth = 0,
/// <summary>
/// 指定宽,高按比例
/// </summary>
Height = 1,
/// <summary>
/// 指定宽,高按比例
/// </summary>
Width = 2,
/// <summary>
/// 指定高宽裁减(不变形)
/// </summary>
Cut = 3
}
#endregion