my digital fixation
Home Login Your Cart Check Out

Prep Images for Web Use

Resize and Compress With Irfanview

When planning to use your photos on-line, on your own website or your auctions, they should be prepared so they are downloaded as quickly as possible to your viewers browser and also so the entire image can be viewed in the browser window without having to scroll up and down or sideways.

High quality images straight from your camera are too large for the internet. To prepare pictures for the internet we can resize and compress them.

To resize means to alter the actual dimensions. For internet use we usualy refer to the actual size in pixel dimensions.

The next step will be to compress.This doesn't affect the physical size of the image but rather the quality with the compression 'weight' expressed as bytes, kilobytes and megabytes. You can read here for more info on this.

There are numerous programs that can get the job done but this tutorial will focus on using a popular and free program called Irfanview which can be obtained by anyone.To get a free copy you can go here.

The steps shown below are the basics. Once you get familiar with the program you can explore the various settings to obtain different results.

Open irfanview.


1. - click on - file > open - then browse and select the image you want to work with

2. - with your chosen image opened in irfanview, click on - image > resize/resample - and adjust the settings as desired.With the 'preserve aspect ratio' box checked, I then chose to adjust the width. Because the 'preserve aspect ratio' box was checked, the height of the image automatically adjusts in proportion. Click ok and the image will resize.

3. - next you will click on, file >* save as - then navigate to the folder where you will be saving the image in. Name the image where it says 'file name'. Choose the type of file you want to save the image as, in the drop down box named 'save as type'. I chose to save as 'jpg - jpeg files'. Then in the box 'JPEG/GIF save options' adjust the 'save quality' slider. I started with a setting of 65.

* always choose the option 'save as'. By choosing this you will preserve the original in its original state to work with for other uses or to resize/compress if you don't like the results the first time around.

4. - You now have your image resized and compressed for faster load time.

This demonstration image started at

480px x 640px @43.2kb

and was reduced to

350px x 467px @ 28.47kb

For image size control, another thing to look at is your camera image quality settings. I use a nikon coolpix and set it to take pictures sized at 640 x 480. (menu > image quality/size > tv screen 640). Your camera will probably have a similar setting.

images/content copyright My Digital Fixation 2009