Shrinking the Size of Image Files on Your Website

Posted in: Technology, Website Content, WordPress | 0

Processing Individual Images in Irfanview

Reducing the Image Size

To reduce the size of an image:

  • Open the file in Irfanview
  • Click Resize/Resample...
  • Make sure that the Preserve aspect ratio (proportional) box is checked so that your image doesn't get stretched
  • Make sure that Resample (better quality) is selected and make sure it is set to "Lanczos (slowest)". Don't worry, it's still very fast.
  • Optional: I usually like to check the box for Apply sharpen after resample however this depends on the image.
  • Specify the new Width or Height
  • Click OK
  • Save your file with a new file name.

Reducing the Quality of the Image

Open the image in Irfanview if it isn't already and simply save it as a JPG file. As you are doing this, set the Save Quality to about 70-80%. Depending on the file, this will result in a dramatic reduction in the file size without changing the height and width of the image, and the difference will visually hardly be noticeable if you see any difference at all.

Multiple Batch Processing of Image Files in Irfanview

Irfanview lets you process many files at once which can be a huge time saver. Be sure to ALWAYS review the settings in both the Options button and the Advanced button as their settings are always remembered from the last time you used them and they are both applied anytime you do the batch processing.

  1. Open Irfanview
  2. Click File.
  3. Click Batch Conversion/Rename...
  4. Locate the files you want to process and use the buttons below the list to add these to the Input files list of files to be processed.
  5. Specify where the modified copy of the files are to be saved in the Output directory for results files.
  6. Next complete both the Reducing the Image Size and the reducing the Quality of the Images steps below. If you don't want to re-size your images, uncheck the Use Advanced options (for bulk resize...) box. Otherwise you may find that your files have been inadvertently re-sized.
  7. Click Start Batch

Reducing the Image Size

There are several reasons why you might want to re-size many images when making them available on your website. For example, you may want to create thumbnails of your photos or just reduce the file size of your photos so that they can be seen on the screen. Your website doesn't require the high resolution multi-megapixel size images that most cameras take these days.

  1. Click the Advanced button.
  2. Uncheck all the check boxes.
  3. Make sure that the Preserve aspect ratio (proportional) box is checked so that your image doesn't get stretched.
  4. Make sure that the Resample (better quality) box is checked.
  5. Here you have a choice of either setting the Width, the Height. This will make all your images have the same height or width. Alternatively you can choose to specify the length of the Long Side or the Short Side of the image to make all your images be of the same size. Whichever you choose, the other dimension will automatically be calculated in order to preserve the aspect ratio of the height and width.
  6. Click OK.

Reducing the Quality of the Image

You can change the quality of the images, often without affecting them visually.

  1. Click the Options button
  2. Set the Save Quality option to 70 or 80%.
  3. Unless you have a specific reason to do so, make sure none of the other boxes are checked.
  4. Click OK.
Share on...

Add a comment:

Your email address will not be published. Required fields are marked *