Holiday Hours

Our offices will be closed Monday December 24th and Tuesdsay December 25th in observance of the Christmas Holiday. We will reopen Wednesday December 26th @ 10am. All support requests and emails received after close of business on Friday December 21st will be responded to when we return on Wednesday the 26th in the order they were received. We apologize if this causes any inconvenience.

Help & Support

How to Resize & Optimize Your Images

Last Updated: Jun 16, 2012 11:23AM EDT

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.

 

Image Optimization

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/


Mac:

  • 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


Windows:

  • Jpegtran - http://jpegclub.org
  • Advanced Image Compressor - http://www.winsoftmagic.com/ajc.html RIOT - http://luci.criosweb.ro/riot/


 

F.A.Q

Got a Pre-Sales question? Take a look at our FAQ page.

support@rawfolio.com
http://assets3.desk.com/
false
rawfoliosites
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete