This website is accessible to all versions of every browser. However, you are seeing this message because your browser does not support basic Web standards, and does not properly display the site's design details. Please consider upgrading to a more modern browser. (Learn More).

Jam - the 'do-it-yourself' web site for NSW folkies!  
You are here: home > about jam > using jam

6. Writing an article (Images)

By Wayne Richmond
Posted Friday, December 24, 2004

Probably the most effective way to improve an article is to add images to it. If you have photos etc. in electronic form and you know how to prepare them (crop and resize them etc.) then including them in JAM articles is easy.

Here are some free, relatively simple programs I have found which you could use to prepare your images (please let me know if you find any better ones):

Kropper (Mac & Windows)

iZoom (Mac & Windows)

Resize! (Mac & Windows) - resizes but won't crop

Visualizer Photo Resize (Windows only)

Click 2 Crop (Windows only)
There are four types of graphic images (or ways images are used) in JAM:

Main Article Image
Appears with the article in the top right hand corner. Width should be 180 pixels. (Height, within reason, does not matter). You can optionally add a caption to this image.

Body Images
Each paragraph of your article can have an image attached to it. Body images can be any size (up to 370 pixels) and can be aligned left, right or centre (between paragraphs) of your text. They can also be a link to another web site.

Spotlight Image
This image appears if your article is promoted on JAM's home page and/or the relevant main section page. Like the Main Article Image, the Spotlight Image should be 180 pixels wide. In fact, I often use the same image for both.

Appears next to links to your article on JAM's home page and/or the relevant section/subsection page. Must be a 70 pixel x 70 pixel square. Logos make great thumbnails. Alternatively, crop part of a larger image. In my article I am going to use a close-up of Tully's head from the photo I'm using as a body image.

How to add a Main Article Image

    1. Click on the Main Article Image button.
    2. Click on the Browse button & locate on your hard drive the image you wish to use. (You should have previously reduced it to a 180 pixel wide, 72 dots per inch image.)
    3. You might like to add a short caption to your Main Article Image.
An alternative way of specifying an image is to provide a URL to a suitably sized graphic already on the web.

How to add a Body Image
A bit more information has to be provided when adding body images.

    1. 'Browse’ and select the image (as above).
    2. Type in the number of the paragraph where you want the image to appear.
    3. Select whether you want it to be left, right or centre aligned.
    4. You should also add ‘Alt text’ to it by clicking on the Add alt text link and typing it in. The Alt text should briefly describe the image. It is used by people with sight disabilities who cannot see the actual image. Click here for more info.
Centre aligned body images sit between paragraphs (like the screen grab below) and can be up to 370 pixels in width. Left and right aligned body images should be considerably less (no more than 180 pixels) to allow room for the text.

The screen grab above shows the automatic Big Medium promotions of the three versions of my article. Notice how much better the third one looks with both a description and a Thumbnail image.

Where to find photos?

Typing a group or artist's name into Google will very often bring up a list of web sites containing useful pictures for you to download (Right-click or Control-click and select the save option).

For the moment, at least, I will do my best to find and add images to new imageless articles before I publish them.

Click here to see what the final version of my article looks like complete with images. Use your browser's back arrow to return to here.

[next - 'More about JAM']

e-mail E-mail this page
print Printer-friendly page
6. Writing an article (Images)
This is a caption to the above 'Main Article Image'