08
2007
Cropping and Resizing Images
 
08 January 2007 | 09:21am by James

icon.pngAfter the completion of their Content Management System, clients will then be struck with a big problem - cropping and resizing of the images until they are of the right size for the CMS. For the picture to look good on the web, it has to be cropped and resized to the correct dimensions.

Generally, for the systems developed by us, we will provide the appropriate image dimensions. If your pictures do not fit those dimensions, you will need to resize and crop it till it fits. This article will explain:

  • resizing of pictures
  • cropping of pictures

The best things in life comes free. To this case, one of the most user-friendly software for simple image editing is the Irfanview. Best of all, it comes free. So first thing first, install the image editing software and start the application.

Resizing of Image

1. Load the image by clicking on File >> Open

1_loadfile.png

2. Resize the image by clicking on Image >> Resize/Resample.

2_imageresize.png

3. Specify the new size by adjusting the % of resize. Once finish, click OK.

3_changeproportions.png

4. Click on File >> Save as to save the newly resized picture.
4_saveresizedfile.png

Cropping of Image

1. Click on the top left corner of the image and drag it to the lower right corner. A black rectangle will be formed. This will be the image that you will crop (the part which you want to retain). As you drag, take note of the pixels changing on the top right. That shows the image size. You have to ensure that it is the same as what is required by your web application.

8_size.png

2. Click on Edit >> Crop Selection.

6_editcrop.png

3. Image has been successfully cropped.

7_imagecropped.png

4. Click on File >> Save as to save the newly cropped picture.

4_saveresizedfile.png

 
Enter your e-mail address to receive notifications when there are new posts



 
Design & Copyrights 2008 All Rights Reserved By 199Web Design Studio