Optimize Photos for Web

  • Always have a back up original format copy of your image. Never alter the original. Believe me you will regret it.
  • Crop to size. Make sure that you crop out any extra information that isn’t needed. Remember the larger the photo the longer it takes to load or send.
  • Resize to reduce pixels. There should be an option to resize according to pixels. You’re going to want the largest size to be no more than 250 pixels or you can reduce the dpi to no more than 96.
  • Reduce the color palette. Many images have millions of colors so the first thing that you need to do is reduce the colors to 256. You will lose some depth with this.
  • Save the file in a standard format. JPEG is the most common for photos and you can compress the image with a JPEG for further reduction in file size. It’s not unusual to see GIF or PNG as well.

Remember that with a 56k connection a 150k file will take 20 seconds to load. If you’re creating a web page every photo that you add will add to the time it takes to download all of the images. If you keep the images small in size the smaller resolution will not be as obvious.