Cropping/Resizing Images

Need support or have a suggestion on how to improve the site? Post it here.
User avatar
New Pagodi
Perennial All-Star
Posts: 4225
Joined: April 18 06, 11:30 pm
Location: St. Louis
Contact:

Cropping/Resizing Images

Post by New Pagodi »

One commonly asked question is how to resize/crop a photo for use as an avatar/signature. There are many pieces of software that can be used to accomplish this, but my favorite is the GNU Image Manipulation Program or GIMP for short.

There are two main reasons I recommend GIMP. First, and probably most importantly, it’s freeware. And second, it has many, many useful tools for processing pictures. However, as with any program with several tools, it can sometimes be difficult to find the tool you need. Consequently, I have prepared some guides on using GIMP to produce images suitable for avatars and signatures.

Getting and Installing GIMP
Starting GIMP and Opening Images
Saving Images
Cropping Images
Resizing Images
Last edited by New Pagodi on November 29 06, 9:57 pm, edited 1 time in total.

User avatar
New Pagodi
Perennial All-Star
Posts: 4225
Joined: April 18 06, 11:30 pm
Location: St. Louis
Contact:

Post by New Pagodi »

Getting and Installing GIMP

For Macintosh

I have no firsthand knowledge on using GIMP with macs, but information is supplied here.

For Window

On windows, you will need two things: the GTK kit and the GIMP program. Both of these can be obtained here.

To reduce the size of the download, these come as zip files. To use these files, you will need a program that can handle zip files. Versions of windows since widows XP include the necessary program already. If you have an older version of windows and do not have a program to handle zip files, 7zip is a freeware program that will suffice.

1) Installing the GTK kit. Note that there are different versions of the kit intended for the various versions of windows. Make sure to get the package appropriate for your version of windows.
  • a) Download the appropriate version from the page listed above.
    b) This should give you a file named “gtk+-2.8.18-setup-1.zip” or something similar.
    c) In your file browser, right click that file and select unzip/extract files or a similar option.
    d) This should give you a file named “gtk+-2.8.18-setup-1.exe” or something similar.
    e) Now simply double click that file to launch the installer program.
    f) Follow the directions to complete the installation.
2) Installing the GIMP program. The process should be almost the same as for the GTK kit.
  • a) Download the program from the page listed above.
    b) This should give you a file named “gimp-2.2.11-i586-setup-1.zip” or something similar.
    c) In your file browser, right click that file and select unzip/extract files or a similar option.
    d) This should give you a file named “gimp-2.2.11-i586-setup-1.exe” or something similar.
    e) Now simply double click that file to launch the installer program.
    f) Follow the directions to complete the installation.
Last edited by New Pagodi on December 22 06, 9:02 pm, edited 1 time in total.

User avatar
New Pagodi
Perennial All-Star
Posts: 4225
Joined: April 18 06, 11:30 pm
Location: St. Louis
Contact:

Post by New Pagodi »

Starting GIMP and Opening Images

1) Once installed you should be able to start GIMP just like any other program. Note that when you start GIMP, it usually takes a moment or two for the program to load. Once it starts, you should see something like the following:
Image
This is called the toolbox.

2) Open the image you want to process. This can be done either by selection open from the toolbox’s menu or by dragging the image from your file browser on to the toolbox. Here’s the image I’ve opened, but your picture will of course be different.
Image

User avatar
New Pagodi
Perennial All-Star
Posts: 4225
Joined: April 18 06, 11:30 pm
Location: St. Louis
Contact:

Post by New Pagodi »

Saving Images

Saving files with GIMP is a little different than with most programs. Here are the basic steps to save a new image.

1) From the File Menu select “Save as…”. This will bring up the box shown below. We need a few more options so click the “+” sign next to “Browse for other folders”
Image

2) This will bring up the box show below. First select the folder you want to save your image in.
Image

3) Then from the pulldown menu select JPEG Image.
Image

4) Enter the name you want for your image.
Image

5) Press the save button.

6) This should bring up the box shown below.
Image

7) You can use the slider or the arrows to adjust the image quality. Higher numbers produce better pictures but with larger files. Lower numbers produce lower quality images but with smaller file sizes. Genrerally between 70 and 80 is a good compromise between quality and file size. Select a number and press ok.

User avatar
New Pagodi
Perennial All-Star
Posts: 4225
Joined: April 18 06, 11:30 pm
Location: St. Louis
Contact:

Post by New Pagodi »

Cropping Images

For those unfamiliar with the term, cropping is the process of removing the unwanted parts of a picture.

1) Open the image you want to crop.

2) Select the scalpel tool from the toolbox.
Image

3) When you drag the cursor over your image, it should now look something like this:
Image

4) Select roughly the upper left corner of the portion you want to crop. Don’t worry about being exact since you can make fine adjustments later.
Image

5) While holding the left mouse button, drag the cursor to the lower right of the portion you want to crop. As you do this the portion of the photo that will be removed is slightly greyed out while the portion that will remain is shown full color.
Image

6) If necessary, you can make fine adjustments to the portion that will be cropped by pressing the up and down arrows for the Origin X, Origin Y, Width, and Height entries.
Image

7) When you are satisfied with the selection, press the Crop button.
Image

8) Save the image.

User avatar
New Pagodi
Perennial All-Star
Posts: 4225
Joined: April 18 06, 11:30 pm
Location: St. Louis
Contact:

Post by New Pagodi »

Resizing Images

1) Open the image you want to resize.

2) From the Image menu, select “Scale Image…”.
Image

3) This should bring up the box shown below:
Image

4) From the “Interpolation” option, select “Cubic (Best)”.
Image

5) Enter a new number for the height or width or use the arrow buttons to change them.

6) Press the “Scale” button the resize the picture.

7) Save the image.

Note that when resizing images, usually as you change either the height or the width, the other will be changed automatically to preserve the aspect ratio of the picture. If you want to change them independently, you need to press the button that looks like a chain.
Image

User avatar
New Pagodi
Perennial All-Star
Posts: 4225
Joined: April 18 06, 11:30 pm
Location: St. Louis
Contact:

Post by New Pagodi »

Once you get the basics down, there are hundreds of other guides here that might be helpful for adding interesting effects to your avatar/signature.

Michael
GRB Founder
Posts: 35384
Joined: December 31 69, 6:00 pm
Location: Chicago, IL
Contact:

Post by Michael »

Great post! Thank you!

User avatar
Jocephus
99% conan clips
Posts: 63652
Joined: April 18 06, 5:14 pm

Post by Jocephus »

yea, thats good stuff. thanks

User avatar
Dillagii
Perennial All-Star
Posts: 7957
Joined: April 18 06, 2:37 pm

Post by Dillagii »

Good stuff NP. Thanks for posting.

Post Reply