Optimize Photos for the Web
- Open Photoshop.
On campus, click:
Start --> GSC Menu --> Art, Music & Theatre --> Art --> Adobe CS5 --> Adobe Photoshop.
- Open the photo.
Click File-->Open, navigate to the picture stored on your computer or on the network, highlight the picture, and click Open.
- 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.
- 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.
- 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).
Click Save and navigate to the location the file should be saved.