Text in this colour signifies steps that are optional   

STEP 1
Using the drive and directory controls on the main screen, find the folder containing the image files you want to process.


STEP 2
Select the images in that folder you want to process. The image filenames appear in the listbox, and all are selected by default. You can de-select individual images by clicking on the checkbox to the left of each filename. You can also select ALL or NONE by using the marked buttons. If you do not want to overwrite existing image files in the target folder (see next section), uncheck the box marked "Overwrite existing thumbnails". You can choose to include JPG, PNG and/or BMP files.

If you want to alter to default order (alphabetical), click on the 'Sort' button.
(for more information, see the topic Sorting the order of the images).


STEP 3 (the THUMBNAILS tab)
Choose a thumbnail folder name and thumbnail size (in pixels) - the defaults are 'thumb' and '150' respectively.

Check the 'Square' box if you want the new thumbnail to be square. The image will be resized so that the shorter side is the specified size; the longer side will then be cropped from the centre to match this size.

The checkbox marked "100%" is to allow the addition of a drop-shadow to an image without resizing - so the drop-shadow items are automaticaly enabled

Select the 'Drop Shadow' option if desired. If you do, you can additionally select the shadow blur level, and the angle, offset and colour (defaults: 75%, 135 degrees, 5 pixels and Black, respectively).

The other options are described in more detail here.


STEP 4 (the STYLES tab) (optional)
If desired, you can change the default colours used in the HTML.
Select the 'Styles' tab, click on the item whose colour you wish to change - this brings up the colour picker window (choose either the web-safe palette - more or less guaranteed to work OK - or you can opt for the greater flexibility offered by the 'Named Colours' palette).

Choose a colour from the popup colour-picker - you can see the effect by looking at the text box displayed.
The background colour chosen here is used for page background and, if the drop shadow option is selected, the background of the thumbnails

You can opt for a background image rather than a solid colour if you check the box near the bottom of the tab.

If you check the 'User-defined stylesheet' box, even more flexibility is offered by letting you pick the style of all the HTML elements used in the web pages created.


STEP 5 (the SETTINGS tab) (optional)
You can change the Jpeg quality setting from its default of 95% and choose to generate a progressive JPG image (although this takes about 20% more time).

Select the 'Special Filter' option if desired. Note that selecting a filter slows the process down considerably (by a factor of between 5 and 8).

You can choose dates to be in the European (default) or US date format, or specify your own, using the 'normal' placeholders of d,m,y for day month and year, etc.


STEP 6
The "Create nn Thumbnails" button will indicate the number of suitable images in the selected folder. Click this to create the thumbnails (it will be disabled if there are none).

Clicking the "Create nn Thumbnails" button will generate thumbnails of these image files, in the folder selected of the size specified. As stated earlier, if you do not want to overwrite existing files, de-select the checkbox marked "Overwrite existing thumbnails"

NB: When clicking on filenames in the listbox, currently existing thumbnails will be displayed - if there is no thumbnail currently, a message will be shown.

Note 1: you can also use the 'Batch process' button to generate your pre-defined folders and image sizes in one go.
Note 2: you can add a watermark to the images created by the program (see the topic Adding a text watermark to your images).


STEP 7 (the HTML tab)
Enter the number of images required per page, and the desired page title.
Choose whether or not to add navigation buttons (these allow you to move between the pages for individual images without having to return to the thumbnails page), and select other checkboxes as appropriate (the functions SHOULD be self-explanatory!)

Click on the 'Make HTML' button.


STEP 8
That's it! The html file (or files) can be found in the main folder. Open index.html in your browser.

HTML files will be created in the same folder as your main images; the first file will be called index.html, and the others will be called thumb2.html, thumb3.html etc. All necessary links will have been created between them, so that all you need to do is to point your browser at the URL representing this folder. For example, if your webspace has a URL of http://myserver.com and you have copied the files to a directory within this called, say, /photos/25Dec2001 then the photos will be available from a URL of http://myserver.com/photos/25Dec2001/ (remember the trailing /)

If you use webspace provided by an ISP, say, you will need to transfer all files to your server space. You will need to copy all files fron the main folder you have selected, together with the sub-folder containing the thumbnails.


Back to the main page
    Revision history