When working on websites you will find that you often have to resize images so that they fit nicely onto the page and they don’t take up too much of your bandwidth. The only downside to getting the image to a nice file size is that the image quality can often be limited. If you do the resizing manually it can actually be quite hard for the beginner to get the right size and also manage to get the quality just right.
For people who have software such as Photoshop though (for this example I’ll be using Abode Photoshop CS3) you will find that Photoshop can actually do most of the work for you. Using the “Save for Web & Devices” option from the File menu you will find that it’s easy to optimise the image to a certain size and a nice quality in just a few minutes.
Resizing Your Images for Web Use
The first step is to open up Photoshop and load the picture up. This can be done by either opening it through the file menu or by simply dragging it into Photoshop. Then from the file menu choose “Save for Web & Devices” and this will open up the interface for you to make the changes.
The first step is to set the size of the image you want. Be sure to set this to the exact dimensions you want for the image so that it will fit on your web page without any issues or any more resizing. After that then select “Optimise to File Size” and select your file size. Personally I find that the image will be best to be around 100k or lower. This is best for bandwidth and quality.
Once that is set then save the image. Set the option so that it’s “image only” unless you need the HTML to be created for the image to be placed, as all you will really need is the actual image. Once this has been saved you will find you have your image ready to be placed on your webpage. Altogether this would have taken only a few minutes to do, and still look good.