Home

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

|
Updated:  
2016-03-26 13:17:50
|
HTML5 and CSS3 All-in-One For Dummies
Explore Book
Buy On Amazon

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.

About This Article

This article is from the book: 

About the book author:

Andy Harris earned a degree in Special Education from Indiana University/Purdue University–Indianapolis (IUPUI). He taught young adults with severe disabilities for several years. He also taught himself enough computer programming to support his teaching habit with freelance programming.
Those were the exciting days when computers started to have hard drives, and some computers connected to each other with arcane protocols. He taught programming in those days because it was fun.
Eventually, Andy decided to teach computer science full time, and he still teaches at IUPUI. He lectures in the applied computing program and runs the streaming media lab. He also teaches classes in whatever programming language is in demand at the time. He has developed a large number of online video-based courses and international distance education projects.
Andy has written several books on various computing topics and languages including Java, C#, mobile computing, JavaScript, and PHP/MySQL.
Andy welcomes comments and suggestions about his books. He can be reached at [email protected].