There are many applications that can perform image resizing (online, free download, or even software that came with your camera), Photoshop just happens to be my favourite program for anything to do with images; being one of the most powerful software applications for image handling and editing - you can do pretty much anything you want - and there is always more to learn!
If you are new to Photoshop, learning how to resize images for web is a useful skill that will come in handy a lot if you are blogging, managing your own website, or emailing photos to friends. Hope you enjoy.
Resizing an image
First start by opening the image you want to resize in Photoshop. In this example I have opened a photo taken with my digital camera.
Now enter the new width or height you want the image to be - In this example I changed the width to 600 pixels. You will notice that the height (or width) automatically changes to maintain the image proportions, which prevents your image from becoming distorted.
Cropping an image
Sometimes it is not enough to resize an image before saving it for web, there are times when you need to crop an image to a specific size (for example a profile image for an online forum, or a website image that needs to fit in a pre-defined layout). Sometimes your image will simply look better if you crop away the unnecessary fluff on the side... So before we save for web we are going to crop this image slightly:
Click the Image link in the top menu and select Canvas Size - OR use the keyboard shortcut Ctrl+Alt+C to open the canvas size popup window:
Next enter the new height or width - in this example I changed the height from 450 pixels to 350 pixels. When you are done, click OK to accept:
Saving image for Web
Now that the image is both resized and cropped, we are ready to Save for Web...
Click the File link in the top menu and select Save for Web and Devices - OR use the keyboard shortcut: Ctrl+Alt+Shift+S - this will take you through to saving for web.
That's about all there is to it - resizing images doesn't take long, and with the powerful save for web feature in Photoshop - your smaller version will maintain visual quality while being a fraction of the original size.
In the example above - my original image is 2.74MB and the resized, cropped version is a svelte 76KB.
Video Resources:
How to Resize an image and Save for Web - using Photoshop CS4
How to Resize and Crop an image before saving for Web - using Photoshop CS4