Mr. O'Connell's Technology Home Page

home web design business and personal finance biography links2

Tutorial: Resizing an image to 300 pixels by 300 pixels in Photoshop

These instructions will work only if your original image is square. These instructions will only work if your computer has already been configured with Photoshop as the default image editor for Dreamweaver. Please see Mr. O'Connell for instructions if you need assistance with this.

  1. Double click the image file to open it in Photoshop
  2. In the Image menu, choose image size
  3. Make sure Resample Image, Constrain Proportions, and Scale Styles are all checked (see example below). Resist the urge to uncheck these checkboxes.
  4. If necessary, change the Resolution to 72
  5. Change either the height or width to 300 pixels (they will both change to 300 in any case because the proportions are constrained)
  6. Click Okay
  7. Click the File menu, and choose Save As
  8. If necessary, change the Format dropdown menu to .jpg
  9. Rename the image to reflect the new size (this will prevent you from saving over the original image)
    1. rollerskate_1_600x600 would become rollerskate_1_300x300
  10. Navigate to your image folder, or wherever else you are saving the image.
  11. Click save
  12. Click okay on the jpeg options dialog box (the defaults should be fine).
  13. You're done