C# Tutorial - Image Editing: Saving, Cropping, and Resizing

Like the tutorial! Thanks :)

Nice tutorial! But it would be nice to put up how to resize images without preserving the aspect ratio as well. I've been very bugged up over that. D=

its really nice to see this example. i'm very thankfull to this code.

Thanks, thanks, thanks

Thankx.

finally i found what i looked...

Thanks

For resizing you can also use Image.GetThumbnailImage.

Thx for tutorial! I was looking for resizing info other than GetThumbnailImage. Though when I compared my resized pics with those generated from 'gthumb', the quality of mine isn't good enough (and they take less space), even with a quality level of 100. Gthumb uses essentially the same jpeg encoders I would think, but doesn't use C#/.NET. Any suggestions to get yet higher quality thumbs ?

Very helpful tutorial. Good luck.

Thankx.

Finally i found what i'm looking for....

here the image format is of jpg.. can i use it fot gif.. by replacing

ImageCodecInfo jpegCodec = this.getEncoderInfo("image/gif");

i didnt run the code..

Hello, thank you for this tutorial. I tried to try the cropping funtion but it seems like I missed something and it's not working.

Here is the code:

public void CaptureWindowToFile(IntPtr handle, 
    string filename, ImageFormat format) 
{
  Image img = CaptureWindow(handle);

  img = cropImage(img,new Rectangle(0, 42, 847, 450));
  //img = resizeImage(img, new Size(760, 526));

  img.Save(filename, format); 
}

the cropImage in my code is same from the cropImage method here.

Thank you!

Great work, thanks!

Hey, Hows it going, I have a very newby type of question. When I try to run this in Visual studio, I get "Error while trying to run project,unable to start debugging, Binding handle is invalid" thanks

Another newbie question; When I upload the files to a server, and attempt to open the page, the application file is displayed as xml source code in the browser. I am using apache/fed core 3, Do I need to install some sort of xml parsing module? thanks

Thanks for the Post, it really helped. I'm working on a project using WIA, I scanned a documents and need to CROP out 4 different areas.

How can I determine the Rectangle of each area by simply Loading the Scanned Image in a picture box and dragging my mouse over each area like in Microsoft Paint?.

This will really save me from the over head of using WIA to scan and crop for each area.

Thanks a lot...Great tutorial !

protected void Button1_Click(object sender, EventArgs e)
{
  if (FileUpload1.HasFile == true)
  {
    if (FileUpload1.PostedFile.ContentType == "image/pjpeg")
    {
      FileUpload1.PostedFile.SaveAs(Server.MapPath(
          "./upload/" + FileUpload1.FileName));

      Label1.Text = "file saved";
    }
  }
  else
  {
    Label1.Text = "cant save";
  }
}

this code is upload the image and i want to resize the image after uploading so pla give me code ans

Saved me a few hours and from having to use a Graphics object to do cropping. Cheers muchly

Thank you!

Finally! A way to crop and flip my background image!

Great tutorial!

Awesome! I was trying to figure out how to use the Developer's Image Library (DevIL). All I wanted was to be able to open, resize, crop, and save a picture, so It seemed way overkill to use their library. Your tutorial is exactly what I wanted! Thanks!

Excellent snippet of code. Explained everything clearly and saved me a couple of hours of work. Much appreciated

Thanks for this very useful resizeImage method.

Thanks a lot!! I was looking for something like this for my project.

How come the gif loses its animation if cropped?

how can i save a rectangle as xml data.

Graphics g=picturebox.creategraphics();
g.drawrectangle(...);

i want to save this rectangle

Thanks very much for the code. I integrated it into something I was doing for some staff at work who wanted to be able to re-size images simply. I threw a little c# application together and it works pretty well.

One issue i do have it that the GDI+ component seems to fail if the image is non-colour managed. In other words, I can use it for RGB/8 (8 bit RGB images) but other colour spaces (like RGB/8# - unmanaged) causes a GDI+ error.

Does anyone have any experience in that area?

The downside for me is that my application only works with some jpgs - not all jpgs.

Thanks again for the code. Very cool and useful for people new to it all (like I am)

Cliff

Thank you so much! Well done!

So cool!

great article but i want to know how can i use the code to resize certain image to fixed width (100 for example) and keeping the height proportional?

thx2u

Thank you for this great code. I'm having one odd problem though, and if anyone has any ideas I'd be grateful.

My problem is that after calling resizeImage, my original source file is locked. So when the user modifies the image and tries to save it, I can't overwrite the original image (my goal).

Here's my client usage snippet:

System.Drawing.Image img = new Bitmap(srcfile);
img = imageResize(img, new Size(100,100));
img.Save(destfile));
img.Dispose();

When I bypass the resize method and simply do a File.Copy(src,dst), the source file is not locked. I've spent two days trying to work around this--it's killing me.

I think the issue is related to the "redefinition" of "img". It is allocated in the client code (new Bitmap(source)), then more space is allocated in resizeImage as "b" (thumbnail Image), then "b" is returned and assigned to "img". Is there an orphaned IO stream for the first "img" allocation that holds an open handle to the source file?

This problem is a bit over my head, so any help would be awesome! Thanks.

I'm on ASP.NET, Framework 3.5, IIS6, Win 2k3 server

Thanks! This is just what I've been looking for.

Oh, the time this could have saved me in the past!

Love the tutorial. One question, though. You supply a cropping routine, which is wonderful, but one thing that would be of great interest to me is a tutorial about selecting the image to be cropped. There seems to be few good examples of selecting a rectangle on the screen a la Windows Paintbrush or Photoshop. Any ideas where I might find such an example?

This is cool!!! Thanks mannnnn, that is what I am talkin about!

Thanks man!

Simple and beautiful....

smple the best

Thanks a lot. Keep up the good work. This resize method was exactly what I needed. God Bless

many thanks

how am i suppose to do multiple upload of files?? can you guys help me?

terific tutorial i ve gained lot of knoweledge by thius

Terrific site. I was in the deep woe.but now i found my requiremetns Lot of Thanks for code

Hi,

I have a TIFF image whose background color is Black and the text i.e the foreground color is in white. I want it to be changed to White background and Black foreground. can you please help me on how to achieve this?

Thanks a lot for that code....

Thanks for the code, I tried a lot of examples but this one does exactly what I wanted.

I save PNG image from RTF file. All possible resizing-cropping-saving with this excellent code leave image in a strange aspect. It is like elements (characters from “symbol font”) are too near between them… Someone can help me?

thanks sir u hve done good job.

Thanks! Hundreds of images resized at the click of a button; it's a beautiful thing. This is awesome.

Good code, just one thing: Avoid calling dispose yourself, use a using-block:

using (Graphics g = Graphics.FromImage((Image)b))
{
    g.InterpolationMode = InterpolationMode.HighQualityBicubic;
    g.DrawImage(imgToResize, 0, 0, destWidth, destHeight);
}

it's not 100% necessary, but it's good pratice, and if you felt you should call dispose, you might as well use using.

There is a useful ActiveX control called AccessImage. It does all the work about images for you.

FOR DEVELOPER: binds to database field (if needed), auto resizes big images, can manage pics in external storage, generates previews.

FOR END USER: load from file, paste from clipboard, scan or drag n drop image in 1 click. Crop it right on the form. Undo if something goes wrong.

Watch action video here: http://access.bukrek.net/tutorial/action-video/

you all are the best, I have been trying to write an implementation of an image resizing and cropping algorithm, using VS2005. Email me any code at bpgueze@hotmail.com

BTW, change this: if (nPercentH \< nPercentW)

to this: if (nPercentH > nPercentW)

if you want to superscribe the image to the cliprect. This code inscribes the image to the cliprect.

thanks

Hi everyone. The issue we’re having is we have a wpf richtextbox, and we’re pasting images into it, but we want to be able to limit the physical data size, not the display size of the images being pasted in. In other words, if a user paste in an image that’s 2MB, we want to automatically shrink it down to a more manageable size. We have to have many users who share richtextbox data. So their text and images gets saved up to a cloud database so other users may download it. Please note that when an image gets pasted in, it’s a System.Windows.Controls.Image object.Any help will be greately appreciated

I'm using the cropping code, and I'm getting an outOfMemoryException error.

Bitmap frame = new Bitmap(picFinal.Image);
picMotion.Image = (Image)frame.Clone(new Rectangle(xStart, yStart, frame.Width, frame.Height), frame.PixelFormat);

I don't even know where start with this.

There's a small error in resizing code. This can cause an off-by-one error on some some input/output combinations. As in, the returned image is one pixel fewer in width or height than what was requested.

It should read:

int destWidth = (int) Math.Round(sourceWidth * nPercent); int destHeight = (int) Math.Round(sourceHeight * nPercent);

Thanks for another great tutorial!

I tried it just now. And it seems as if part of the code will come in extremely handy in a project I'm working on where size, but not necessarily quality, matters.

Thanks again for providing us with very very very useful code! :)

Thank You, It is Great !

Good one. Good explanation. I always take pictures from my camera at a bigger size but then resize it to upload to web. I was using the image editing softwares to resize the images, now I can write my own 'batch resizer' (and auto uploader) :)

So Many2 Thanx.. this code i looking for.. confuse at first time finally i use this code and work perfect : String file = Server.MapPath("\~/FileUpload/") + FileUpload1.FileName.ToUpper(); Bitmap gambar = new Bitmap(file); System.Drawing.Image i = resizeImage(gambar, new Size(100, 100)); saveJpeg(Server.MapPath("\~/FileUpload/aaa.jpg"), (Bitmap)i, 100);

Thanx!

Great Post! Finally got the required solution! Nice work! Keep it up!

It seems when creating a Bitmap in .net 3.5, you have the option to create from an image and resize in one method:

b = new Bitmap(origImage, new Size(newWidth, newHeight));
return (Image)b;

All you have to do is find your new width and height and return the new image with that method.

Hi, would like to know if the code for the crop application shown above is to write at form1.cs or where? I'm a newbie here tried on the crop code but failed. How should I do it? Please help.

thanks

Thanks a ton! I'm a newbie and this code saved me from looking like a bafoon at my job!

thanks.........fine job

Merci ! The quality is better than when I used GetThumbnailImage.

does anybody know how to automatically save multiple images? above code works if you have one image..what if you have a few? does image.save have a way of saving images without specifying the exact directory path??

great article, this is working perfectly. thanks for sharing.

Thanks very much

Hello Reddest,

I developed an application that allows the user to move/resize/edit/save graphical controls such as TextBoxes, PictureBoxes.

Right now I am facing a problem which is editing (and so on) Pictures/Text Larger than The screen. I have tried to solve it by allowing my Customized Panel (which contains all of the user-added controls) to autoscroll (canvasPanel.autoscroll = true).

However, because the image is larger than the screen, whenever I save the modifications to a file, only the visible part of it gets saved -drawn and saved-!

I searched all over the internet and nobody seems to know how to solve that problem or even to suggest ideas or whatsoever!

I would be very greatful to you if you could just point out ideas or simply suggest related websites or anything, because I have tried many ways to solve this without any success...

Thank you very much, ZD

Hi great article and was very helpful. Can you explain how can I increase dpi of an image thanx :)

Your tutorial is so cool, that i read it twice! Thanks for saving time because i was going to implement bicubic interpolations by hands!

You're cool guy you write such wonderfull things

very nice code thank you

this is a very helpful code

thank you very much!!

Hi,

Great code, thanks.

Quick question: After resizing my image I'm left the black sections to top and bottom of the new image. Is there a way to crop these away?

Graham.

Hi everyone, Could anyone tell me how to get the stream of the new resized file without saving it to some directory??

Also, how to change the brightness or gamma of the image??

hello friends, i have tiff file and in this file has written some data or lines so i just want to copy lines or data and past in notepad or MS word file.. so is it possible or not.. can we copy data in tiff file.. its urgent and reply me ASAP.. please give me code or demo...

hello i tried to open the code in microsoft visual studio 2008 but i couldn't open it. i would like to see how the program looks like

Easy to understand and very helpful! Thanks so much!

Very helpful article. Many thanks.

First off, just wanna say great article. I've implemented a different cropping method using unmanaged code that is much faster than Bitmap.Clone. It's about 2x faster for cropping large areas >1000x1000px and 100x faster for small areas \<200x200px.

[DllImport("Kernel32.dll", EntryPoint = "RtlMoveMemory", SetLastError = false)]
private static unsafe extern void MoveMemory(void* dest, void* src, int size);

public static Bitmap FastCrop(Bitmap image, Rectangle area)
{
    //Create the new bitmap
    Bitmap result = new Bitmap(area.Width, 
                       area.Height, image.PixelFormat);

    unsafe
    {
        //lock the bits for both bitmaps to
        //allow direct access by pointer
        BitmapData bmd = image.LockBits(area, 
            ImageLockMode.ReadOnly, image.PixelFormat);
        BitmapData bmdResult = result.LockBits(
            new Rectangle(0, 0, area.Width, area.Height), 
            ImageLockMode.WriteOnly, result.PixelFormat);

        int pixelSize = 
            Image.GetPixelFormatSize(image.PixelFormat) / 8;

        //Copy the memory from each row in
        //the first bitmap to second
        for (int y = 0; y < bmd.Height; y++)
        {
            byte* to = (byte*)bmdResult.Scan0
                           + (y * bmdResult.Stride);
            byte* from = (byte*)bmd.Scan0 + (y * bmd.Stride);

            MoveMemory(to, from, area.Width * pixelSize);
        }

        image.UnlockBits(bmd);
        result.UnlockBits(bmdResult);
    }

    return result;
}

I am using this code to show an error when file is open:

try { stream = file.Open(FileMode.Open, FileAccess.ReadWrite, FileShare.None); } catch (IOException) { MessageBox.Show("file is open!"); } The problem is that code is not working with pictures (jpg, bmp and other) and with folders.

Is there anything that I am missing?

good job really useful :)

hi, can anybody help me about plate recognition C# algorithm

Thanks for your kindness to share your experience. I had used your method to solve a "resizing" problem, and the program performance wonderfully.

I've just discovered this code - and it works great.

However, I've noticed that there's some sort of memory leak in the code.

I'm building a screensaver, and in testing this I'm loading each image 1 second after the other. During testing I got an out of memory exception and I'm trying to find the cause of that. I've modified the code to

private Image resizeImage(Image imgToResize, Size size) { return imgToResize; }

and the memory leak goes away.

Any ideas??

Peter

Very good job. It wood be better if you copy the code in the 13th comment on how to use this methodes for noobies like me. It took me some time to find out how to use this methodes. Anyway now that I understood the code is very useful. Thank you.

Just a note, Bitmaps can be manipulated in streams so if you are having issues writing the file then editing it and trying to overwrite it rather do the resize in a MemoryStream. Works nicely for web apps and reduces the disk IO. The MemoryStream can be created using a byte array for those that didn't know.

Thanks for a well written tutorial. Keep up the effort

Check this Article: http://www.mindstick.com/Articles/b1984687-85b1-469f-b874-c6b0fd4f1d48/?Resizing%20Image%20in%20C

Your effort is very much appreciated.

I used the image crop & was good for purpose

Thanks

I have a little problem... I know how to use C. But I really can't find a good version of C#... Some help please....

i am getting low quality, when i resize small size to big size.

is there any possibilty for implementing complex image editing tools

Hello, i have an embedded circuit am designing (Home security Burglar alarm),it has webcam connected to it then to my Pc serialport,in event of burglar breaking into my home (by tripping the sensors) the device sends letter like " c " to the Pc serialport which signals my C# application to activates for my webcam (30secs to 2minutes) to take capture images of the burglar and save it on my harddrive with different default names at different intervals this happens once my sensors are tripped on my hardware.

hello, Any buddy can tell me about the how can be do the color separation in the c# means find the separate weights of the blue, red , green color in a single image

hi , i want code for display popup box and crop after upload the image to my database.can any body please help me.this is my mail id svmbabu547@gmail.com.

Thanks a lot...Great tutorial !

To fix the light border around some resized images, you need to set the other 5 quality settings to High on the Graphics object and use an ImageAttributes instance with TileModeXY set for the last parameter of DrawImage.

For a list of the other 29 GDI bugs to avoid, see http://nathanaeljones.com/163/20-image-resizing-pitfalls/

For an open-source implementation without these bugs, see the http://imageresizing.net project.

Good post. Thanks

is there any javascript involved in it?? I want a a croping and resizing like facebook where a client can upload and crop its picture.

Many Thanks chillaxdesigns@gmail.com

nyc code and its relly help:)

Thanks

can u suggest how to select an already drawn line and then resize it.. i m currently developing a cad like application in c#.

Extension Methods are great here:

public static class ImageExtensions
{
    public static Image ScaleToFit(this Image helper, double Height, double Width)
    {
        double percentWidth = (double)Width / (double)helper.Width;
        double percentHeight = (double)Height / (double)helper.Height;

        double multiplier = 0;

        if (percentWidth > percentHeight)
            multiplier = percentHeight;
        else
            multiplier = percentWidth;

        return helper.GetThumbnailImage((int)(helper.Width * multiplier), (int)(helper.Height * multiplier), null, IntPtr.Zero);
    }

}

may the good Lord bless you and you entire household...Great Code

Resize worked perfectly. Thanks

when i crop an .jpg image and save it, the program changes the image extention to .png i don't want to change the image extension. is there any solution?

I want it in Web Application Form

public static class ImageExtensions { public static Image ScaleToFit(this Image helper, double Height, double Width) { double percentWidth = (double)Width / (double)helper.Width; double percentHeight = (double)Height / (double)helper.Height;

double multiplier = 0;

if (percentWidth > percentHeight) multiplier = percentHeight; else multiplier = percentWidth; return helper.GetThumbnailImage((int)(helper.Width * multiplier), (int)(helper.Height * multiplier), null, IntPtr.Zero); }

}

Thank you!!! Hails from Mexico!

When converting, how do you preserve the DPI for the saved image?

Superb! Helped me back in VS 2005.. but now I am using VS 2010.. is there anything equivalent you have for this version? thanks again!

thanks a lot :) it is really helpful to me in current project :D thanks again ...