How to Use IrfanView to Process Image Batches for HTML5 and CSS3 Programming

By Andy Harris

Often, you’ll have a lot of images to modify at one time that will go on your HTML5 and CSS3 web page. IrfanView has a wonderful batch-processing tool that allows you to work on several images at once. You can use this tool to take all the images you want to use on a page and convert them to a particular size and format.

The process seems a little complicated, but after you get used to it, you can modify a large number of images quickly and easily.

If you want to convert a large number of images at the same time, follow these steps:

  1. Identify the original images and place them in one directory.

    It is usually easiest to gather all the images into one directory, whether they come from a digital camera, scanner, or other device.

  2. Open the Batch Conversion dialog box by choosing File ___ Batch Conversion — Rename.

    This Batch Conversion dialog box appears.

    image0.jpg

  3. Find your original images by navigating the directory window in the Batch Conversion dialog box.

  4. Copy your images to the Input Files workspace by clicking the Add button.

    Select the images you want to modify and press the Add button. The selected image names are copied to the Input Files workspace.

  5. Specify the output directory.

    If you want to put the new images in the same directory as the input files, click the Use This Directory as Output button. If not, choose the directory where you want the new images to go.

  6. In the Work As box, choose Batch Conversion — Rename Result Files.

    You can use this setting to rename your files, to do other conversions, or both. Generally, both is a good idea.

  7. Set the output format to the format you want.

    For photos, you probably want JPG format.

  8. Change renaming settings in the Batch Rename Settings area if you want to specify some other naming convention for your images.

    By default, each image is called image### where ### is a three-digit number. They are numbered according to the listing in the Input Files workspace. You can use the Move Up and Move Down buttons to change the order images appear in this listing.

  9. Click the Set Advanced Options button to change the image size.

    This displays the Set for All Images dialog box.

    image1.jpg

  10. Specify the new size of the image in the Resize area.

    Several common sizes are preset. If you want another size, use the given options.

  11. Close the Set for All Images dialog box and then, in the Batch Conversion dialog box, click the Start button.

    In a few seconds, the new images are created.