Posting Pictures on

A Tutorial for Beginners (or People Who Are Having Trouble Posting Pics)


Note: This tutorial was originally written for members of the Sawmill Creek woodworking forum, but since then Sawmill Creek has changed and I no longer participate there. As a result, this tutorial has been edited to reflect my new home on the web, (although the examples still reflect SMC). Nonetheless, the steps mentioned here are also applicable to other forums using the vBulletin forum software.


Several people have mentioned difficulties posting pictures on the Family Woodworking, so in an effort to help them out I offer this tutorial. I’ve intentionally tried to keep things simple, but since I’m assuming a someone reading this is pretty new at this, I’ll explain some things you may already be familiar with. Forgive me if it’s too simplified. I’m also assuming you’re not real familiar with computer terms, but that you do know how to get the pictures from your camera to your computer, and that you know how to find where you stored the pictures on your camera.


Resizing Your Pictures


FamilyWoodworking allows pictures up to about 107 KB (kilobytes) in size. By default, the pictures taken by most cameras are quite a bit larger, so you’ll need to resize your pictures.


Right off the bat, things can be a bit confusing, because there are two factors that make up the “size” of  a picture: The physical size of the picture (5” x 7”, for example) and the quality of the picture (or the number of computer bits required to make up the 5” x 7” picture). For simplicity sake, we’ll only deal with the actual physical size of the picture. And since the digital picture world deals in pixels (computer screen dots) instead of inches, we’ll refer to picture sizes like 400 x 600 pixels, which is roughly the same as 6.25” x 8.3”.


The original size of your pictures will depend on several things, such as the number of megapixels your camera captures, and the content of the picture itself. (A picture of a multi-colored parade float will contain more data, and thus be bigger, than a picture of a white cat on a black couch.) That said, the average picture with my 4 megapixel camera is about 2,000 KB (or 2 MB), and the physical size of a picture is about 2,200 x 1,700 pixels. Your camera may produce pictures that are bigger or smaller than this.


As mentioned earlier, the FamilyWoodworking picture size limit is quite a bit smaller, but there is software that makes it easy to “shrink” your pictures to fit within the FamilyWoodworking limits. For this tutorial, we’ll install and use a free program called PIXresizer. It’s likely your camera came with some type of software that allows you to resize pictures, and if you’re familiar with using it, you can skip this part of the tutorial. The following steps assume you’re using Internet Explorer for your web browser. If you are using Firefox or another browser, the steps will be similar, but the dialog boxes and menu option may be slightly different. Let’s get going…


First, you need to download and install PIXresizer, a free software program available at this website:


Scroll towards the bottom of the page to find the link to download PIXresizer.


Rectangular Callout: Right-click the DOWNLOAD link…


Rectangular Callout: Then select Save Target As…



You will see a dialog box like this:


Rectangular Callout: Click Save


When you click Save, another dialog is displayed, allowing you to navigate (or browse) to the folder where you want the downloaded file to be saved. Navigate to the folder where you want to save the file and click Save (again). In the example below, I created a folder named PIXresizer, but you can save the file anywhere you’d like.


Rectangular Callout: Click Save


When the download is complete (just a second or two on a broadband connection), a dialog is displayed telling you so. The downloaded file is in a compressed ZIP format, so it needs to be unzipped before we can install PIXresizer.


We’ll click Open to unzip the downloaded file. For the next step or two, the screens you see on your computer will depend on the software your computer uses to open ZIP files.


Rectangular Callout: Click Open


What you see on your computer may differ a bit, but after you click Open, you should see some type of file listing, with two files shown – Readme.txt and Setup.exe. Double-click Setup.exe:


Rectangular Callout: Double-click Setup.exe


This starts the PIXresizer installation. Click Next and follow the instructions shown on the subsequent screens. You can simply accept the default options during the installation:


Rectangular Callout: Click Next

After several screens, you’ll see this one. Click Install.


Rectangular Callout: Click Install

Read the informational screen shown after the installation is complete, click Next, then click Finish.


Rectangular Callout: Click FinishRectangular Callout: Check here if you want to read the readme.txt file.

OK, now let’s resize a picture.

First, we need to open PIXresizer. Either double-click the PIXresizer icon  on your desktop or click Start | All Programs | PIXresizer | PIXresizer to start the program. You’ll see a screen like this:


Notice how the PIXresizer screen has a series of four steps shown on the left-hand side of the window. We’ll start with Step 1…Click Load Picture:


Rectangular Callout: Click Load Picture


Next, a dialog similar to this is displayed. Navigate (or browse) to the folder where the picture you want to resize is stored.


If your default settings are like mine, it’s difficult to see what pictures are what, especially if the file names are the ones created automatically by your camera. In my case, I have no idea what HPMI2691.JPG looks like, but here’s a trick you may or may not know…you can change the way files are displayed by clicking the View button on the toolbar, then selecting Thumbnails.


Rectangular Callout: Click the View button…Rectangular Callout: …then select Thumbnails


Now you can see what those cryptic file names really represent. Find the picture you want to resize, select it, then click Open.


Rectangular Callout: …then click OpenRectangular Callout: Select the picture you want…


Aha! We’re getting somewhere. You’ll see a screen similar to this, except your picture will be showing instead of mine:



Now we can get back to the remaining three steps for resizing your picture.


Step 2 offers you several default picture sizes. These options are pretty self-explanatory, but the default setting (Custom size at 600 x 452) is usually about right for FamilyWoodworking pictures.


Step 3 is also pretty easy to figure out…the default of JPEG is good for posting on FamilyWoodworking.


Step 4 is where you save your picture. We’ll walk through the steps:


Rectangular Callout: Click Save Picture


You’ll see a dialog similar to this. Note that you may need to once again navigate to the folder where you want to store the resized picture. Also note that by default, PIXresizer keeps the original file name, and adds the new dimensions to the name. (Keep in mind this will be a copy of the original. The original larger picture will still be as it was.)


Rectangular Callout: Note the default new file name


I like to use this opportunity to name the file with something that will make sense later on. You can simply highlight the default name, then type the new name of your choice. In this example, I’ve named the file Quilt Board 600.jpg, but you could choose any name that works for you. Don’t forget to include the .jpg at the end of the file name.


Rectangular Callout: Specify a new name (if you want)…Rectangular Callout: …then click Save


You’re done! You just resized a picture. Now let’s go post it on FamilyWoodworking.

Posting Your Picture


OK, assuming you’ve opened up FamilyWoodworking in your web browser, and clicked on the Reply or Post button to create a new post. You’ll see something like this:


Rectangular Callout: Click Go Advanced


After the FamilyWoodworking page is redisplayed, scroll down to the Additional Options section and click Manage Attachments.


Rectangular Callout: Click Manage Attachments

In the next dialog displayed, click Browse to navigate to the folder where your resized file is stored.


Rectangular Callout: Click Browse

Once again, a standard Browse dialog is displayed (similar to what you saw in PIXresizer, and what’s used for most other Windows-based programs). Navigate to the file you want to include in the FamilyWoodworking post, select it, then click Open. (Tip: You can simply double-click the file to save a step.)


Rectangular Callout: …then click OpenRectangular Callout: Select the file you want…

Next, click Upload to upload the picture to the FamilyWoodworking server.


Rectangular Callout: Click Upload

Assuming the file is within the allowable size limits, you’ll see the new picture file listed as an attachment:


Rectangular Callout: Note that it’s within the allowable size limit.Rectangular Callout: Here’s the file we just uploaded


You can repeat these steps to upload more pictures. FamilyWoodworking allows up to ten pictures per post. You can browse to and select the pictures you want to attach, then click Upload to upload all the pictures at once. When you’re done uploading pictures, close the Manage Attachments window.

Now, scroll up a bit in your browser window, and add the text you want to include in your post.


Notice in the previous example I want to put the picture in the middle of some text (instead of at the end of my post). Follow the steps below to insert the picture into the text:


Rectangular Callout: 2. Click the paper clip iconRectangular Callout: 1. Position the cursor where you want the picture to appear.Rectangular Callout: 3. Select the picture you want to insert into the text. If you have uploaded more than one picture, you’ll see all of them listed here. 

After the picture is inserted, your post will have code inserted to display the attachment in-line with the text:


Rectangular Callout: Click Submit Reply and you’re done!Rectangular Callout: This will display as a picture when the post is submitted.

And here’s the proof that it worked:






- Vaughn
















© Copyright 2006 Vaughn McMillan. All Rights Reserved.

Any trademarked terms used herein are the property of their respective owners.