The following steps are for resizing and optimizing in Photoshop:
Step 1. Select the image or images you want to open. Copy and paste them into a new folder called "Resized Photos". This is for safety, just in case you overwrite your original files. Safety first!
Step 2. Open the image you want to resize
Step 2. Adjust the image's size by going up to Image > Image Size
Step 3. For our purposes, we recommend files between 1200px and 2000px maximum. Not everyone has a giant professional grade monitor like you might use in your business. Checking your analytics and demographics on who is visiting your site might help you determine what the best option is.
Step 4. When the Image Size dialog box opens, you can input the new sizes you want for your image. Be sure to have Constrain Proportions selected. This will ensure the ratio of height to width are maintained and will prevent your image from being distorted or unevenly resized.
Step 5. Select Save As from the File menu and save the file to the folder listed above. When promted by Photoshop with the JPEG options menu, select a quality level by typing in "8" or using the slider to adjust the size. Pay attention to the esimated file size listed by Photoshop. We're shooting for files from 150K to 500K maximum. This is for speed, optimization and client satisfaction. No one likes a slow website.
There are many image editors out there both free and commercial. While most of our themes will auto-resize images for you, it is best to make sure they are optimized beforehand. Optimizing images for the web, means that excess data that is either not needed, or readable by web browsers is stripped out. This has absolutely no impact on the look of the image, unless of course you decide to reduce the quality manually. Some popular image optimizers are listed below:
Mac & Windows (online):
- Yahoo's SmushIt - http://www.smushit.com/ysmush.it/
- Web Resizer - http://www.webresizer.com/resizer/
- Imageoptim - http://imageoptim.com
- Jpegtran - This is what's used under the hood in most of the programs out there - no GUI, command line only - http://jpegclub.org/ If you have any questions please be sure to ask them in this thread.
- JpegMini - http://www.jpegmini.com/ - $19
- ImageXY - Mac app store $9
- Jpegtran - http://jpegclub.org
- Advanced Image Compressor - http://www.winsoftmagic.com/ajc.html RIOT - http://luci.criosweb.ro/riot/