IMPORTANT: This guide applies only to websites hosted on our Legacy (pre-2015) Flash-based system. Click here to view articles for our current platform.
Resizing your images: Preferred Method
While there are many ways to resize and prepare your images, one of the most important considerations is file size. As a a rule, you should always strive to produce the smallest possible file size (while maintaining acceptable image quality).
The following tutorial will present one such method for achieving an optimal balance between file size and image quality, allowing for faster downloads of your images to your visitors.
1. Open your original image in Photoshop.
2. Click the Crop tool:
3. In the Crop Tool menubar, enter 1800 px for width and 1200 px for height. (*If your image is a portrait (vertical), leave the width field blank)
4. Now, position the Crop tool in the top-left corner of your image. Click-and-drag the marker to the bottom right of your image. As you drag, you will see dotted lines which represent the crop area. When you reach the bottom right of your image, release the mouse button.
5. You can now position the crop area over your image, or resize it as necessary by dragging the corner handles. The portion of the image within the dotted lines will represent the final image output area.
6. Click the Return key to commit the crop. Your image is now properly sized and ready for final export.
7. From the File menu, select Save For Web.
8. When the Optimize panel opens, make sure JPEG is selected in the Preset menu. Then click the small round button to reveal the additional optimization options and select Optimize to File Size.
9. Enter 350 for full-color, full-size images, or 200 for smaller images. Click OK.
10. When you return to the Optimize panel, you can view the compression level in the right-hand pane. If your image looks noticeably degraded, you can repeat Step 8 and increase the Desired File Size value slightly. If your image does not appear degraded, experiment with an even lower setting. Smaller file sizes directly translate to faster downloading by your visitors, so make your images as small as possible.
11. Once you are satisfied with your image, click Save.