How to category Design category Development category News category

Free and simple batch Image resizing for your site on a PC

Typically photographs direct from a camera are far too big for general use on the web. If your uploading images to a CMS then your most likely going to need to optimise the images for web. This makes uploading the images much quicker and viewing the images online faster. This simple guide is aimed at the general user who wants a quick and simple way to get those images down to size.

Your CMS (such as WordPress) will often handle some of the image resizing for you, but if the full size image is linked to from within your site it will result in a long load time and scrolling being required to see the entire image, as it will inevitably be larger than the screen its being viewed on.

The need for image resizing is crucial for an optimised website. The larger the image sizes being used cause for a slower page load time to the end-user.

If you’re not on a PC and or you want a more precise way to process images individually you may want to check out Cropping and basic image enhancements using Gimp.

Unfortunately windows doesn’t include software to do this for you out of the box, however there are many "Freeware" programs that can do this for you. We found these vary wildly in quality, however Fotosizer seemed to be the friendliest and at the time of writing, this isn’t bundled with nasty browser add-ons or other mall-ware.

Step 1

Download and install the software. A direct link can be found here

Step 2

Once installed you are ready to start adding the images straight away. You can do this by either dragging and dropping them into the area provided, or by adding them with the link at the bottom of the program.

step1

Step 3

Once you have selected all the images you wish to use for the website you can now set the size adjustments to them as well. We are going to use 1024px x 768px – which should be ample for use on typical sites. We’re also going to take the quality down to 85%, as the naked eye will struggle to notice the difference and this makes but the size of the image much smaller and therefore quicker to upload/download.

step2

Step 4

The next step is to get the destination folder set for where the images will be saved, then hit the start button and your images will be processed. You are now ready to send the images to your site knowing they are optimised for fast loading viewing online.

step4

Tags:

paulharrison

qr code

Comments are closed.