Skip to main content

How to Adjust any Picture to be an Avatar for Forums using the GIMP

Why the Gimp?
I've used the Gimp because it's freely available and works on a number of different systems. It's not my favourite graphics program but it will do the job.

Where can I get the GIMP?
Download it from; http://www.gimp.org/

I'm not going to cover installation since it's mostly a matter of clicking Next a few times then finish.

Avatar Size Restrictions
Most forums place restrictions on the dimensions of Avatars. You should check your particular board for their rules otherwise you could make an image too small to be clear or too large to be used.

For the purposes of this exercise, I'm going to make the following assumptions;
  • Maximum width = 130 pixels
  • Maximum width = 160 pixels
  • Maximum file size = no more than 15.77 Kb.
  • File Formats = JPG or GIF

Procedure
1. Start the GIMP

2. On the GIMP window that has a menu, select File, then Open and choose your image. The image should display in a different window (with it's own menu).

3. Now, Back on the main GIMP menu, click the icon marked Select Rectangular Regions



4. Use the mouse to draw a rectangle around the part of the image that you want to use for your avatar.

5. On the Menu above your image, choose Image, then Crop Image, you should now be left with just the square you want for your avatar. Unfortunately, it will probably be way too big.




6. On the Menu above your image, choose Image, then Scale Image - a dialog box will appear.



7. Type in the Width of 130 and press Tab. The height should adjust automatically. In our case, it went to 111 which is smaller than the restriction.



Now... here comes a choice.
We could have a wide but short image or we could try to use the full image height at the cost of some of the width. If you choose - Wide but short, you can just click the button marked Scale and skip to step 8, otherwise you can do the following;

7a. Type a Height of 160 into the Height box and press Tab - this makes the Width fill in - now the width adjusts to 187 (which will be too big but we'll trim that later). For now, just click the button marked Scale.

7b. The image should now be smaller - the next step is to reduce the width... so, Click Image, then Canvas Size



7c. In the Dialog box, click the Chain link so that the Height and Width are no longer being adjusted at the same time. Now type the Width in as 130 and press Tab

7d. A white square will appear on the Image. Use the mouse to move the image until the part you want is entirely inside the square, then Click Resize.



8. Click File, Save As, then Give your file a name. You may get some warnings, just click Export on them.
You'll also get a JPEG Quality screen - a value of 66 should be more than adequate for an avatar - change it to that and then Click Ok.

9. Your avatar should now be saved - use Windows Explorer (or some other file manager) to have a look at the file and make sure that it fits the relevant restrictions. The height and width should be right but the file size may be too large.

10. If the file size is ok, then you're finished

11. If the file size is too large, you can try the following;

12. Back in the GIMP, select, Image, Mode, Indexed... and a dialog box will appear.



13. Select Generate Optimum Palette and set the Maximum number of colors to 256 to start with. If your image still ends up with too large, you can start reducing the number of colours, particularly if you're using a cartoon or line drawing instead of a photo for an avatar. For photos, try 64 colors and for cartoons try 16.



14. Click Ok
Have a look at your image, does it appear to be ok? It probably won't look perfect but hopefully it shouldn't be too badly affected by this step. If your image is not ok, you need to use more colours (don't go above 256 though) - so choose edit, undo and try that last step again.15. If your image is ok, then you're ready for saving. This time, Choose File Save as, but expand Select File Type and choose GIF Image.

16. Click Save to save your file.

17. Check your file size using Windows Explorer (or Equivalent) - often GIFs are smaller than JPEG, but not always.

Comments

Popular posts from this blog

How to Change Your Notification Options for New Lotus Notes Mail in version 8.x

Don't worry, I'm not patronizing you (my readers), I just decided to re-document this for one of our internal users and thought you might want to be able to use it in your own user documentation. WHAT IS THIS DOCUMENT ABOUT? Some people who don't get a lot of mail, like to be notified when such an event occurs. Notification can be; via a sound via a pop-up box via the system tray (where the computer clock is) The pop up box looks like this; Other people, who like myself, get too much mail would rather not be notified. The aim of this document is to tell you how (and where) to turn these options on and off. CHANGING YOUR SETTINGS To change your settings from the Notes 8.x client; On the Menu, click File , then Preferences... On the left hand side , click on the little plus sign to the left of Mail to expand the options. Click on the option marked Sending and Receiving . In the middle section, under receiving, you can control your notifications. If you untick the box mark...

How to Create a Bootable DVD Using Nero Burning ROM 9

I often need to create bootable CDs and DVDs but it's weird because I frequently end up buring myself a new coaster instead. It's not that the process is difficult, just that nero has a few too many options and I forget which ones to choose and end up picking the wrong one. I figured that the best way to avoid this mistake in future would be to write the steps down. Procedure Insert CD or DVD into your DVD Burner. Start Nero Burning ROM 9 Choose DVD-ROM (Boot) or CD-ROM (Boot) depending on what you're creating You'll be prompted for a disk image source. Choose a Nero Source - you'll usually find them somewhere like this... C:\Program Files\Nero\Nero9\Nero Burning Rom\DOSBootImage.ima Leave the Boot Locale as English - unless you really need a different keyboard layout Tick the box marked [X] Enable Expert Settings Choose Hard Drive Emulation and leave any other settings as they are. Click the button marked New Add any files you want but don't try to add operati...

How to Create an Auto-Response Mail Message in Lotus Notes 8.5.3+

Why would you do this? Suppose that you have an externally accessible generic email address for your company; support@mycompany.com or info@mycompany.com. You might expose this to the web and allow people to send messages to you. Setting up an auto-response email will tell the senders that their message reached its destination and that it will be dealt with accordingly.  It's also good practice to include links to FAQs or other useful information. Why 8.5.3 The techniques we'll be using here work in older versions of Notes but some of the options seem to have moved around in 8.5.3.  I figured it was a good time to show you where they've moved to. The Procedure Start Domino Designer and open the Mail file to be modified.  A really quick way to do this is to right-click on the application tab and choose "Open in Designer". In the Left hand panel of designer, expand Code and then double-click Agents.  A new window should appear. Click the action ...