Optimize Photos for the Web
  1. Open Photoshop. 

    On campus, click:
    Start --> GSC Menu --> Art, Music & Theatre --> Art --> Adobe CS5 --> Adobe Photoshop.
  2. Open the photo. 

    Click File-->Open, navigate to the picture stored on your computer or on the network, highlight the picture, and click Open.
  3. Crop the picture (if needed). 

    Using the marquee tool (top-left tool on left tool bar) with your mouse, mark the area that needs to be used.  Anything outside the rectangle or circle will be discarded.  Then click Image-->Crop.
  4. Reduce the image size. 

    Click Image-->Image Size.   Set the width OR height of the picture, whichever is the longest to 300 pixels.  Check Constrain Proportions and click OK.
  5. Optimize the file size. 

    Click File-->Save for Web & Devices.  On the right side of the window, click the drop-down arrow near "Preset."  NOTE:  Any photograph should be saved as a jpg, and any icon or title with large color blocks should be saved as a gif.  When in doubt, click each of the 4 picture windows while choosing a different file type (ie. GIF 128 Dithered for one picture; JPEG High for another).  The best choice will be the best-looking picture with the lowest possible file size (listed under each picture). 
  6. Save. 

    Click Save and navigate to the location the file should be saved.