通常对一幅图片的处理包括:格式变换,缩放(Scale),翻转(Rotate),截取(Clip),滤镜(Filter,如高斯模糊)等。
.NET中的Image类是对图片对象的封装,我们可以通过操作Image类的实例来处理图片。通常我们有两种式可以得到Image实例:
var imgPng = Image.FromFile(@"C:\temp\img\pp.png"); byte[] raw = ReadFromFileOrNetwork(); var imgBmp = Image.FromStream(new MemoryStream(raw));
1.1判断图片格式
var imgJpg = Image.FromFile(@"C:\temp\img\jj.jpg"); if (imgJpg.RawFormat.Equals(ImageFormat.Jpeg)) { MessageBox.Show("Jpeg"); }
注意这里使用ImageFormat.Equals方法,而不能使用==,如果非要使用等号,可以:
if (imgPng.RawFormat.Guid == ImageFormat.Png.Guid) { MessageBox.Show("Png"); }
1.2,图片格式转换
imgPng.Save(@"c:\temp\img\newBmp.bmp", ImageFormat.Jpeg);
图片的放大,缩小,拉伸可以通过Image实例的GetThumbnailImage来实现
//缩小 var newPng = imgPng.GetThumbnailImage(imgPng.Width / 2, imgPng.Height / 2, () => { return false; }, IntPtr.Zero); newPng.Save(@"c:\temp\img\newPng.png"); //放大 var newJpg = newPng.GetThumbnailImage(imgPng.Width * 2, imgPng.Height * 2, () => { return false; }, IntPtr.Zero); newJpg.Save(@"c:\temp\img\newJpg.jpg", ImageFormat.Jpeg); //拉伸(Stretch) var newGif = newPng.GetThumbnailImage(imgPng.Width * 2, imgPng.Height /2, () => { return false; }, IntPtr.Zero); newGif.Save(@"c:\temp\img\newGif.gif", ImageFormat.Gif);
图片的翻转通过Image.RotateFlip方法来实现
//翻转 imgPng.RotateFlip(RotateFlipType.Rotate180FlipX); imgPng.Save(@"c:\temp\img\newPng.png");
可以通过RotateFlipType调整翻转的角度
有时我们只想要图片的一部分,比如左边100个像素,而不是整个图片。我们可以通过两种方式来实现。
4.1,拷贝原图片的部分像素
Rectangle rect = new Rectangle(0, 0, imgPng.Width / 2, imgPng.Height); Bitmap clipPng = new Bitmap(imgPng).Clone(rect, imgPng.PixelFormat); clipPng.Save(@"c:\temp\img\clipPng.png");
4.2,画出部分图片
Rectangle rect = new Rectangle(0, 0, imgPng.Width / 3, imgPng.Height); //target size Bitmap canvas = new Bitmap(rect.Width,rect.Height); //create canvas(width&heigh same as target) using (Graphics g = Graphics.FromImage(canvas)) { g.DrawImageUnscaledAndClipped(imgPng, rect); } canvas.Save(@"c:\temp\img\canvas.png");
通常我们对图片使用滤镜,就是对图片的像素点进行矩阵变换(Matrix)。我们先从单个像素点的处理开始:
5.1,颜色反转(Color Invert)
Color Invert是指对位图的每个像素取其反色,Jpg和Bmp格式的颜色是以RGB(Red Green Blue)来表示的,也就是每个像素点由RGB三种颜色来组成。Png由于可以设置为透明,所以加了一个Alpha通道,也就是说Png是用RGBA来表示的。
有一点需要注意的是,我们使用Image来获取的颜色表示并不是RGB而是BGR,准确地说这是GD+在底层返回的就不是RGB,而是BGR这点需要特别注意。对于Png文件我们还可以通过Alpha通道来设置图片的透明度。
/* Usage: InvertColor(@"C:\temp\img\colorInvert.png", @"C:\temp\img\colorInvert-1.png"); */ private static void InvertColor(string srcFileName,string destFileName) { var bitPic = new Bitmap(srcFileName); if (!(bitPic.RawFormat.Equals(ImageFormat.Bmp) || bitPic.RawFormat.Equals(ImageFormat.Jpeg) || bitPic.RawFormat.Equals(ImageFormat.Png))) { MessageBox.Show("Unsuported format,only support for bmp,jpg or png"); return; } Rectangle rect = new Rectangle(0, 0, bitPic.Width, bitPic.Height); var bmpData = bitPic.LockBits(rect, ImageLockMode.ReadWrite, bitPic.PixelFormat); // GDI+ still lies to us - the return format is BGR, NOT RGB. IntPtr ptr = bmpData.Scan0; // Declare an array to hold the bytes of the bitmap. int totalPixels = Math.Abs(bmpData.Stride) * bitPic.Height; //Stride tells us how wide a single line is,width*heith come up with total pixel byte[] rgbValues = new byte[totalPixels]; // Copy the RGB values into the array. Marshal.Copy(ptr, rgbValues, 0, totalPixels); //RGB=>rgbValus if (bitPic.RawFormat.Equals(ImageFormat.Bmp) || bitPic.RawFormat.Equals(ImageFormat.Jpeg)) { int b = 0, g = 1, r = 2; //BGR for (int i = 0; i < totalPixels; i += 3) { rgbValues[r + i] = (byte)(255 - rgbValues[r + i]); rgbValues[g + i] = (byte)(255 - rgbValues[g + i]); rgbValues[b + i] = (byte)(255 - rgbValues[b + i]); } } else if (bitPic.RawFormat.Equals(ImageFormat.Png)) { int b = 0, g = 1, r = 2, a = 3; //BGRA for (int i = 0; i < totalPixels; i += 4) { rgbValues[r + i] = (byte)(255 - rgbValues[r + i]); rgbValues[g + i] = (byte)(255 - rgbValues[g + i]); rgbValues[b + i] = (byte)(255 - rgbValues[b + i]); rgbValues[a + i] = 255; //NOTE:you can set (255*threshold) for transparency. } } Marshal.Copy(rgbValues, 0, ptr, totalPixels); bitPic.UnlockBits(bmpData); bitPic.Save(destFileName); }
对于GIF,由于他并不是按RGB的颜色来编码,而是用另一种256色的颜色编码,我稍后再研究:)
5.2,灰度图(Grayscale)
Grayscale就是将每像素点的RGB值作平均,即第个像素的RGB分量值都是一样的。这样做的目的就因为等值的RGB(R=G=B)就是从黑到白的颜色区间,我们可以通过GIMP看下:
当每个像素点的组成RGB相等时,该点必定是灰色调的。
我们的代码也有调整,这次使用Bitmap.GetPixel来得到图片的RGB值,这样就不需要对图片的格式进行特别处理了。不过还是不可以处理Gif等使用Indexed Color的图片。
private void Grayscale(string srcFileName, string destFileName) { var bitPic = new Bitmap(srcFileName); if (!(bitPic.RawFormat.Equals(ImageFormat.Bmp) || bitPic.RawFormat.Equals(ImageFormat.Jpeg) || bitPic.RawFormat.Equals(ImageFormat.Png))) { MessageBox.Show("Unsuported format,only support for bmp,jpg or png"); return; } int rgb; Color c; for (int y = 0; y < bitPic.Height; y++) { for (int x = 0; x < bitPic.Width; x++) { c = bitPic.GetPixel(x, y); rgb = (int)((c.R + c.G + c.B) / 3); //We can adjust this calc as needed, such as Max(r,g,b),Min(r,g,b),(.299*r +.587*g.+ .114*b) bitPic.SetPixel(x, y, Color.FromArgb(rgb, rgb, rgb)); } } bitPic.Save(destFileName); }
5.3,明亮度(Brightness)
计算机中颜色(Color)是用RGB来表示的,但我们人眼对色彩的认识的模式是HSV(纯度Hue,饱和度Saturation,亮度Value或Luminance)。我们可以使得RGB的每个分量的值增大来让图片变亮,也可以使每个分量变小来让图片变暗。而HSV模式的明暗设置就更简单了,只需改V分量值即可以改变图片的明暗。关于RGB到HSL/HSV的转换算法可以看Wikipedia。有一点需要注意的就是.net中Color类的GetHue,GetSaturation,GetBrightness获取的是HSL值而不是HSV值。
3.1,通过RGB来改变明暗度
private void Brightness(string srcFileName, string destFileName, float grain) { var bitPic = new Bitmap(srcFileName); if (!(bitPic.RawFormat.Equals(ImageFormat.Bmp) || bitPic.RawFormat.Equals(ImageFormat.Jpeg) || bitPic.RawFormat.Equals(ImageFormat.Png))) { MessageBox.Show("Unsuported format,only support for bmp,jpg or png"); return; } Color c; Func<int, int> notOver255 = (x) => { return x > 255 ? 255 : x; }; for (int y = 0; y < bitPic.Height; y++) { for (int x = 0; x < bitPic.Width; x++) { c = bitPic.GetPixel(x, y); Color brightColor = Color.FromArgb( notOver255((int)(c.R * grain)), notOver255((int)(c.G * grain)), notOver255((int)(c.B * grain))); bitPic.SetPixel(x, y, brightColor); } } bitPic.Save(destFileName); }
3.2通过HSV中V分量来改变图片明暗度
稍后研究,还有个问题就是改变图片的明暗度后,Png和Jpg图片的大小产生了变化,换个说法就是RGB分量值会影响Png和Jpg压缩。
Reference:
1,http://www.codeproject.com/Articles/1989/Image-Processing-for-Dummies-with-C-and-GDI-Part-1
2,http://en.wikipedia.org/wiki/HSL_and_HSV
3,http://stackoverflow.com/questions/359612/how-to-change-rgb-color-to-hsv
4,http://www.cnblogs.com/sndnnlfhvk/archive/2012/02/27/2370643.html