For many Web and other layout design projects that involve using a template, you may find that you need to resize photographs and other digital images to display them properly. Adobe Photoshop provides a simple and fully customisable way to set the exact size of your digital images and makes it easy to resize them without losing their proportionality or visual integrity.
Open Photoshop, and click "File" and "Open" from the menu bar at the top of the program to open the image you need to fit into your template.
Return to the menu bar, and select "Image," "Image Size." In the resulting dialogue box, check the "Constrain Proportions" and "Resample Image" boxes.
Enter in the necessary dimensions in either the width or height fields in the "Image Size" dialogue box, based on the dimensions required for the image to fit the template. If the width of the template is greater than the length, you can enter in a height figure for the image up to the size of the template's height. If the height of the template is greater than the width, enter a width figure for the image up to that of the template. For example, if your template width is 300 pixels tall and 400 pixels wide, and your image's original size is 350 pixels tall by 250 pixels wide, enter in a width of up to 250 pixels, and your image will fit within the template. Photoshop will automatically set the height so that the image remains proportional.
Adjust the resampling drop-down menu based on whether you are enlarging or shrinking your image to fit the template. Choose "Bicubic Smoother" if you are enlarging the image, or choose "Bicubic Sharper" if you are shrinking it. Click "OK" to execute the resizing. Your image will now fit within the template.
Choose "File," "Save As" from the menu bar, and save your resized image under a different name than the original. This will preserve the original image for future use.
You can also use Photoshop's crop tool to fit an image in your template if you would rather cut portions of an image than resize it.